.page-id-2366 #main,
 .page-id-2366 #wrapper {
     background-color: #050a30;
     position: relative;
 }

 .page-id-2366 #main::after,
 .page-id-2366 #wrapper::after {
     content: "";
     position: fixed;
     inset: 0;
     /* background: linear-gradient(to right, #80808012 1px, transparent 1px), linear-gradient(to bottom, #80808012 1px, transparent 1px); */
     background-color: #060818;
     background-size: 24px 24px;
     pointer-events: none;
 }

 .page-id-2366 .sec_ft1 {
     display: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .heading-font {
     font-weight: normal;
     text-transform: capitalize;
 }

 /**/
 .working-time h4 {
     margin: 0;
 }

 /* ============================================
           ANIMATIONS
           ============================================ */
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(40px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes fadeInDown {
     from {
         opacity: 0;
         transform: translateY(-40px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes fadeInLeft {
     from {
         opacity: 0;
         transform: translateX(-40px);
     }

     to {
         opacity: 1;
         transform: translateX(0);
     }
 }

 @keyframes fadeInRight {
     from {
         opacity: 0;
         transform: translateX(40px);
     }

     to {
         opacity: 1;
         transform: translateX(0);
     }
 }

 @keyframes pulse {

     0%,
     100% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.05);
     }
 }

 @keyframes shimmer {
     0% {
         background-position: -200% center;
     }

     100% {
         background-position: 200% center;
     }
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 @keyframes rotateGlow {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 @keyframes countPulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.7;
     }
 }

 .card-title-vande-google .icon {
     width: 32px;
     height: 32px;
     border-radius: 8px;
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 12px;
     font-weight: bold;
 }

 .badge_success {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     /* tương đương gap-2 */
     padding: 8px 16px;
     /* px-4 py-2 */
     border-radius: 999px;
     /* rounded-full */
     background-color: rgba(59, 130, 246, 0.1);
     /* bg-blue-500/10 */
     border: 1px solid rgba(59, 130, 246, 0.3);
     /* border-blue-500/30 */
     margin-bottom: 24px;
     /* mb-6 */
 }

 .dot_success {
     width: 8px;
     /* w-2 */
     height: 8px;
     /* h-2 */
     border-radius: 50%;
     background-color: #60a5fa;
     /* bg-blue-400 */
     animation: pulse_success 1.5s infinite;
 }

 .text_success {
     color: #60a5fa;
     /* text-blue-400 */
     font-size: 14px;
     /* text-sm */
     font-weight: 500;
     /* font-medium */
 }

 /* animation tương đương animate-pulse */
 @keyframes pulse_success {
     0% {
         opacity: 1;
         transform: scale(1);
     }

     50% {
         opacity: 0.5;
         transform: scale(1.3);
     }

     100% {
         opacity: 1;
         transform: scale(1);
     }
 }

 .animate-on-scroll {
     opacity: 0;
     transform: translateY(40px);
     transition: opacity 0.8s ease, transform 0.8s ease;
 }

 .animate-on-scroll.visible {
     opacity: 1;
     transform: translateY(0);
 }

 /* ============================================
           HERO SECTION
           ============================================ */
 .hero {
     min-height: 100vh;
     display: flex;
     align-items: center;
     position: relative;
     overflow: hidden;
     padding: 120px 0 80px;
 }

 .hero::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: radial-gradient(ellipse at 30% 50%, rgba(201, 168, 76, 0.08) 0%, transparent 60%),
         radial-gradient(ellipse at 70% 80%, rgba(201, 168, 76, 0.05) 0%, transparent 50%);
     z-index: 0;
 }

 .hero-particles {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     overflow: hidden;
 }

 .particle {
     position: absolute;
     width: 3px;
     height: 3px;
     background: #C9A84C;
     border-radius: 50%;
     opacity: 0.3;
     animation: float 6s ease-in-out infinite;
 }

 .particle:nth-child(1) {
     top: 20%;
     left: 10%;
     animation-delay: 0s;
 }

 .particle:nth-child(2) {
     top: 60%;
     left: 80%;
     animation-delay: 1s;
 }

 .particle:nth-child(3) {
     top: 40%;
     left: 50%;
     animation-delay: 2s;
 }

 .particle:nth-child(4) {
     top: 80%;
     left: 30%;
     animation-delay: 3s;
 }

 .particle:nth-child(5) {
     top: 10%;
     left: 70%;
     animation-delay: 4s;
 }

 .particle:nth-child(6) {
     top: 70%;
     left: 20%;
     animation-delay: 1.5s;
 }

 .particle:nth-child(7) {
     top: 30%;
     left: 90%;
     animation-delay: 2.5s;
 }

 .particle:nth-child(8) {
     top: 90%;
     left: 60%;
     animation-delay: 3.5s;
 }

 .hero .container {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 60px;
     align-items: center;
 }

 .hero-content {
     animation: fadeInLeft 1s ease;
 }

 .hero-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 8px 20px;
     border-radius: 5px;
     font-size: 0.85rem;
     color: #fff;
     margin-bottom: 25px;
     backdrop-filter: blur(10px);
     background: rgba(255, 255, 255, 0.08);
     border: 1px solid rgba(255, 255, 255, 0.1);
 }

 .hero-badge i {
     font-size: 0.7rem;
 }

 .hero h1 {
     font-size: 3.2rem;
     font-weight: 500;
     margin-bottom: 20px;
     line-height: 1.2;
     color: #fff;
 }

 .hero h1 .highlight {
     background: linear-gradient(135deg, #dd3333 0%, #dd3333 50%, #dd3333 100%);
     background-clip: text;
     position: relative;
     color: transparent;
     -webkit-text-stroke: 1px #fff;
     -webkit-text-fill-color: unset;
 }

 .hero h1 .highlight::after {
     content: '';
     position: absolute;
     bottom: 5px;
     left: 0;
     width: 100%;
     height: 3px;
     background: linear-gradient(135deg, #C9A84C 0%, #E8D48B 50%, #C9A84C 100%);
     opacity: 0.5;
     border-radius: 2px;
 }

 .hero-desc {
     font-size: 1.15rem;
     color: #9999AA;
     margin-bottom: 35px;
     max-width: 500px;
     line-height: 1.8;
 }

 .hero-cta {
     /* display: flex;
     flex-direction: column; */
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 15px;
     margin-bottom: 40px;
 }

 .btn-primary {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 16px 40px;
     background: linear-gradient(135deg, #dd3333 0%, #dd3333 50%, #dd3333 100%);
     color: #fff;
     font-weight: normal;
     font-size: 1rem;
     border: none;
     border-radius: 50px;
     cursor: pointer;
     transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 .btn-primary::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
     transition: 0.6s;
 }

 .btn-primary:hover::before {
     left: 100%;
 }

 .btn-primary:hover {
     box-shadow: 0 0 30px rgba(201, 168, 76, 0.3);
     transform: translateY(-3px);
     color: #fff;
 }

 .btn-secondary {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 16px 40px;
     background: transparent;
     color: #fff;
     font-weight: normal;
     font-size: 1rem;
     border: 2px solid #fff;
     border-radius: 50px;
     cursor: pointer;
     transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     text-align: center;
 }

 .btn-secondary:hover {
     background: rgba(201, 168, 76, 0.1);
     transform: translateY(-3px);
     color: #dd3333;
 }

 .hero-stats {
     display: flex;
     gap: 40px;
 }

 .stat-item {
     text-align: center;
 }

 .stat-number {
     font-size: 2rem;
     font-weight: 700;
     background: linear-gradient(135deg, #dd3333 0%, #dd3333 50%, #dd3333 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .stat-number {
     -webkit-text-fill-color: unset;
     color: transparent;
     -webkit-text-stroke: 1px #fff;
     -webkit-text-fill-color: unset;
 }

 .stat-label {
     font-size: 0.8rem;
     color: #fff;
     margin-top: 5px;
 }

 .hero-visual {
     animation: fadeInRight 1s ease 0.3s both;
     position: relative;
 }

 .hero-image-wrapper {
     position: relative;
     border-radius: 20px;
     overflow: hidden;
     border: 2px solid rgba(201, 168, 76, 0.3);
 }

 .hero-dashboard {
     width: 100%;
     background: linear-gradient(145deg, #1A1A25 0%, #12121A 100%);
     border-radius: 20px;
     padding: 30px;
     border: 1px solid rgba(201, 168, 76, 0.2);
     min-height: 450px;
 }

 .dashboard-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 25px;
 }

 .dashboard-title {
     font-size: 16px;
     color: #fff;
 }

 .dashboard-badge {
     padding: 5px 12px;
     background: rgba(46, 204, 113, 0.15);
     color: #2ECC71;
     border-radius: 20px;
     font-size: 0.75rem;
     font-weight: 600;
 }

 .dashboard-chart {
     display: flex;
     align-items: flex-end;
     gap: 8px;
     height: 140px;
     margin-bottom: 20px;
 }

 .chart-bar {
     flex: 1;
     background: linear-gradient(135deg, #dd3333 0%, #dd3333 50%, #dd3333 100%);
     border-radius: 5px 5px 0 0;
     opacity: 0.7;
     transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     position: relative;
 }

 .chart-bar:hover {
     opacity: 1;
 }

 .chart-bar:nth-child(1) {
     height: 30%;
 }

 .chart-bar:nth-child(2) {
     height: 45%;
 }

 .chart-bar:nth-child(3) {
     height: 35%;
 }

 .chart-bar:nth-child(4) {
     height: 55%;
 }

 .chart-bar:nth-child(5) {
     height: 50%;
 }

 .chart-bar:nth-child(6) {
     height: 65%;
 }

 .chart-bar:nth-child(7) {
     height: 75%;
 }

 .chart-bar:nth-child(8) {
     height: 70%;
 }

 .chart-bar:nth-child(9) {
     height: 85%;
 }

 .chart-bar:nth-child(10) {
     height: 90%;
     opacity: 1;
 }

 .dashboard-metrics {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 15px;
 }

 .metric-card {
     background: rgba(255, 255, 255, 0.03);
     border-radius: 12px;
     padding: 15px;
     border: 1px solid rgba(255, 255, 255, 0.05);
 }

 .metric-label {
     font-size: 0.7rem;
     color: #9999AA;
     margin-bottom: 5px;
 }

 .metric-value {
     font-size: 1.1rem;
     font-weight: 700;
     color: #fff;
 }

 .metric-change {
     font-size: 0.7rem;
     color: #2ECC71;
     margin-top: 3px;
 }

 .hero-floating-card {
     position: absolute;
     background: rgba(26, 26, 37, 0.95);
     backdrop-filter: blur(10px);
     border-radius: 15px;
     padding: 15px 20px;
     border: 1px solid rgba(201, 168, 76, 0.2);
     animation: float 4s ease-in-out infinite;
 }

 .floating-card-1 {
     top: -60px;
     right: -30px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .floating-card-1 .icon {
     width: 40px;
     height: 40px;
     background: rgba(46, 204, 113, 0.2);
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
 }

 .floating-card-1 .text {
     font-size: 0.8rem;
     color: #fff;
 }

 .floating-card-1 .text strong {
     display: block;
     color: #fff;
     font-size: 1rem;
 }

 .floating-card-2 {
     bottom: -30px;
     left: -40px;
     animation-delay: 2s;
 }

 .floating-card-2 .icon {
     width: 35px;
     height: 35px;
     background: rgba(201, 168, 76, 0.2);
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     margin-bottom: 8px;
 }

 .floating-card-2 .text {
     font-size: 0.75rem;
     color: #9999AA;
 }

 .floating-card-2 .text strong {
     display: block;
     color: #fff;
     font-size: 1.1rem;
 }

 /* css section thống kê */
 /*css section đối tác */
 .sec_dts {
     background-color: #060818;
     border-top: 1px solid rgba(255, 255, 255, 0.05);
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
     z-index: 9;
 }

 .p-vande-google {
     margin: 0;
 }

 .trusted-section .title {
     text-align: center;
     color: #fff;
     font-size: 40px;
     text-transform: capitalize;
     letter-spacing: 2px;
     margin-bottom: 40px;
     font-weight: 700;
 }

 .trusted-section .slider-wrapper {
     position: relative;
     overflow: hidden;
 }

 .trusted-section .fade-left,
 .trusted-section .fade-right {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 80px;
     z-index: 2;
 }

 .trusted-section .fade-left {
     left: 0;
     background: linear-gradient(to right, #060818, transparent);
 }

 .trusted-section .fade-right {
     right: 0;
     background: linear-gradient(to left, #060818, transparent);
 }

 .trusted-section .slider-track {
     display: flex;
     gap: 40px;
     width: max-content;
     animation: scroll_trusted 30s linear infinite;
 }

 .trusted-section .item {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 20px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 12px;
     transition: 0.3s;
     white-space: nowrap;
 }

 .trusted-section .item:hover {
     background: rgba(255, 255, 255, 0.1);
 }

 .trusted-section .logo {
     width: 32px;
     height: 32px;
     border-radius: 8px;
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 12px;
     font-weight: bold;
 }

 .trusted-section .item span {
     color: rgba(255, 255, 255, 0.7);
     font-weight: 600;
     font-size: 14px;
 }

 @keyframes scroll_trusted {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 /* end css đối tác */
 /* section thông số */
 .box_th_ke .header {
     margin-bottom: 60px;
 }

 .box_th_ke {
     margin-top: 0px;
 }

 .box_th_ke .tag {
     color: #fff;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .box_th_ke h1 {
     font-size: 60px;
     font-weight: 900;
     line-height: 0.9;
     text-transform: uppercase;
 }

 .box_th_ke .gradient-text {
     color: #dd3333;
     /* background: linear-gradient(to right, #ccff00, #34d399);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
 }

 .box_btn_views a {
     padding: 12px 20px;
     border-radius: 10px;
     border: 1px solid rgba(12, 113, 195, 0.3);
     background: transparent;
     color: #fff;
     cursor: pointer;
     transition: 0.3s;
     display: flex;
     gap: 5px;
 }

 .box_th_ke .grid {
     display: grid;
     grid-template-columns: 1fr;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     border-left: 1px solid rgba(255, 255, 255, 0.1);
 }

 .box_th_ke .card {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     border-right: 1px solid rgba(255, 255, 255, 0.1);
     padding: 30px;
     display: flex;
     flex-direction: column;
     transition: all 0.3s;
 }

 .box_th_ke .card:hover {
     background: transparent;
     color: #dd3333;
 }

 .box_th_ke .index {
     font-size: 14px;
     color: rgba(255, 255, 255, 0.3);
     margin-bottom: 20px;
 }

 .box_th_ke .card:hover .index {
     color: #fff;
 }

 .box_th_ke .number {
     font-size: 40px;
     font-weight: 900;
     color: #fff;
     margin-bottom: 0px;
 }

 .box_th_ke .card:hover .number {
     color: #dd3333;
 }

 .box_th_ke .unit {
     font-size: 20px;
     color: rgba(255, 255, 255, 0.5);
 }

 .box_th_ke .card:hover .unit {
     color: rgba(0, 0, 0, 0.5);
 }

 .box_th_ke .content {
     margin-top: auto;
 }

 .box_th_ke .content h3 {
     font-size: 16px;
     margin-bottom: 15px;
     color: #fff;
 }

 .box_th_ke .content p {
     font-size: 12px;
     text-transform: capitalize;
     color: rgba(255, 255, 255, 0.4);
     margin-bottom: 0;
 }

 /wp-content/uploads/2026/04/photo-1763038311036-6d18805537e5-1.jpg .box_th_ke .card:hover .content p {
     color: #fff;
 }

 .box_btn_views a:hover {
     background-color: #dd3333;
     color: #fff;
 }

 .box_th_ke .footer {
     margin-top: 60px;
     padding: 20px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .box_th_ke .header h2 {
     color: #fff;
     font-size: 40px;
     margin: 0;
     font-weight: 700;
 }

 .box_th_ke .footer a {
     color: #fff;
     text-decoration: none;
     transition: 0.3s;
 }

 .box_th_ke .header {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     background-color: transparent;
 }

 .box_th_ke .footer a:hover {
     color: #ccff00;
 }

 /* Responsive */
 @media (min-width: 768px) {
     .box_th_ke h1 {
         font-size: 80px;
     }

     .box_th_ke .grid {
         grid-template-columns: repeat(3, 1fr);
     }

     .box_th_ke .number {
         font-size: 40px;
     }
 }

 .secThongke {
     border-top: 1px solid #ffffff12;
     border-bottom: 1px solid #ffffff12;
     z-index: 9;
     /* background-color: #09090f; */
 }

 /**/
 .bg-blur-vande-google {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 800px;
     height: 400px;
     background: rgba(127, 29, 29, 0.2);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     filter: blur(120px);
 }

 /* Header */
 .header-vande-google {
     text-align: center;
     margin-bottom: 60px;
 }

 .badge-vande-google {
     display: inline-block;
     padding: 8px 16px;
     border-radius: 999px;
     background: rgba(239, 68, 68, 0.1);
     border: 1px solid rgba(239, 68, 68, 0.3);
     color: #f87171;
     font-size: 14px;
     margin-bottom: 16px;
 }

 .header-vande-google h2 {
     font-size: clamp(28px, 4vw, 44px);
     font-weight: 700;
     color: #fff;
     margin-bottom: 10px;
 }

 .gradient-text-vande-google {
     background: linear-gradient(to right, #dd3333, #dd3333);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .header-vande-google p {
     color: rgba(255, 255, 255, 0.5);
     max-width: 500;
     margin: auto;
 }

 /* Grid */
 .grid-vande-google {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
 }

 /* Card */
 .card-vande-google {
     padding: 30px;
     border-radius: 16px;
 }

 .card-vande-google h3 {
     color: #fff;
     margin-bottom: 0px;
 }

 /* Red Card */
 .card-vande-google.red {
     background: linear-gradient(to bottom right, rgba(127, 29, 29, 0.3), rgba(127, 29, 29, 0.1));
     border: 1px solid rgba(239, 68, 68, 0.3);
 }

 /* Blue Card */
 .card-vande-google.blue {
     background: linear-gradient(to bottom right, rgba(30, 58, 138, 0.3), rgba(124, 58, 237, 0.1));
     border: 1px solid rgba(59, 130, 246, 0.3);
 }

 /* Items */
 .item-vande-google {
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     padding: 12px 16px;
     border-radius: 10px;
     color: rgba(255, 255, 255, 0.7);
     font-size: 14px;
     margin-bottom: 10px;
 }

 /* Highlight */
 .highlight-vande-google {
     margin-top: 20px;
     padding: 12px;
     border-radius: 10px;
     text-align: center;
     background: linear-gradient(to right, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
     color: #fff;
     font-weight: bold;
 }

 /* ICON chung */
 .item-vande-google svg {
     width: 18px;
     height: 18px;
     stroke: currentColor;
     fill: none;
     stroke-width: 2;
 }

 /* Card title */
 .card-title-vande-google {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 20px;
 }

 .icon-vande-google {
     width: 40px;
     height: 40px;
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .red-icon-vande-google {
     background: rgba(239, 68, 68, 0.2);
     color: #f87171;
 }

 .blue-icon-vande-google {
     background: rgba(59, 130, 246, 0.2);
     color: #60a5fa;
 }

 /* Item */
 .item-vande-google {
     display: flex;
     gap: 10px;
     align-items: flex-start;
 }

 .item-vande-google svg {
     flex-shrink: 0;
     margin-top: 2px;
     color: #f87171;
 }

 .item-vande-google .check {
     color: #4ade80;
 }

 /* Arrow giữa */
 .arrow-vande-google {
     display: none;
 }

 .section {
     z-index: 9;
 }

 @media (min-width: 1024px) {
     .arrow-vande-google {
         display: flex;
         position: absolute;
         left: 50%;
         top: 55%;
         transform: translate(-50%, -50%);
         width: 56px;
         height: 56px;
         border-radius: 50%;
         background: linear-gradient(to right, #2563eb, #7c3aed);
         align-items: center;
         justify-content: center;
         box-shadow: 0 10px 30px rgba(37, 99, 235, 0.4);
         z-index: 10;
     }

     .arrow-vande-google svg {
         width: 24px;
         height: 24px;
         color: #fff;
     }
 }

 /* Responsive */
 @media (max-width: 992px) {
     .grid-vande-google {
         grid-template-columns: 1fr;
     }
 }

 /*css lời kêu gọi*/
 .cta-section {
     position: relative;
     overflow: hidden;
     background: linear-gradient(to right, #050a30, #050a30);
     padding: 68px 0;
 }

 .cta-section .cta-content {
     position: relative;
     z-index: 10;
     max-width: 900px;
     margin: 0 auto;
     padding: 0 24px;
     text-align: center;
 }

 .cta-section .cta-subtitle {
     color: rgba(255, 255, 255, 0.8);
     margin-bottom: 8px;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .cta-section .cta-title {
     color: #fff;
     font-weight: 700;
     margin-bottom: 24px;
     font-size: clamp(1.4rem, 3vw, 2.6rem);
 }

 .cta-section .cta-button {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 10px 20px;
     border-radius: 12px;
     background: #fff;
     color: #111827;
     font-weight: bold;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .cta-section .cta-button:hover {
     background: rgba(255, 255, 255, 0.9);
     box-shadow: 0 20px 25px rgba(0, 0, 0, 0.2);
     transform: translateY(-2px);
 }

 .cta-section .icon {
     width: 16px;
     height: 16px;
     stroke: currentColor;
     stroke-width: 2;
     fill: none;
 }

 /* Decorative circles */
 .cta-section .circle {
     position: absolute;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.05);
 }

 .cta-section .circle-top {
     top: 0;
     right: 0;
     width: 256px;
     height: 256px;
     transform: translate(25%, -50%);
 }

 .cta-section .circle-bottom {
     bottom: 0;
     left: 0;
     width: 192px;
     height: 192px;
     transform: translate(-25%, 50%);
 }

 .iomg_vchs img {
     height: 550px;
     object-fit: cover;
     border-radius: 16px;
 }

 /**/
 .card_vct {
     position: absolute;
     bottom: -24px;
     left: -24px;

     background: linear-gradient(135deg, #0d1030, #111428);
     border: 1px solid rgba(59, 130, 246, 0.3);
     border-radius: 16px;

     padding: 20px;
     backdrop-filter: blur(12px);
     animation: float 4s ease-in-out infinite;

     box-shadow:
         0 25px 50px rgba(0, 0, 0, 0.5),
         0 0 25px rgba(59, 130, 246, 0.2);

     width: max-content;
     max-width: 260px;
 }

 .card_vct-title {
     color: rgba(255, 255, 255, 0.5);
     font-size: 18px;
     margin-bottom: 8px;
 }

 .card_vct-list {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .card_vct-item {
     display: flex;
     align-items: center;
     gap: 8px;

     color: rgba(255, 255, 255, 0.8);
     font-size: 12px;
 }

 .card_vct-dot {
     width: 6px;
     height: 6px;
     background: #60a5fa;
     border-radius: 50%;
 }

 /**/
 .badge_wiix_vn {
     display: inline-block;
     padding: 8px 16px;
     border-radius: 999px;
     background: rgba(59, 130, 246, 0.1);
     border: 1px solid rgba(59, 130, 246, 0.3);
     color: #60a5fa;
     font-size: 14px;
     margin-bottom: 20px;
 }

 .title_wiix_vn {
     font-size: clamp(1.8rem, 3.5vw, 2.5rem);
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 20px;
     color: #fff;
 }

 .gradient-text_wiix_vn {
     background: linear-gradient(to right, #60a5fa, #a78bfa);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .desc_wiix_vn {
     color: rgba(255, 255, 255, 0.6);
     margin-bottom: 30px;
     line-height: 1.6;
 }

 .grid_wiix_vn {
     display: grid;
     grid-template-columns: 1fr;
     gap: 16px;
     margin-bottom: 30px;
 }

 @media (min-width: 640px) {
     .grid_wiix_vn {
         grid-template-columns: 1fr 1fr;
     }
 }

 .card_wiix_vn {
     display: flex;
     gap: 16px;
     padding: 16px;
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.08);
     transition: 0.3s;
 }

 .card_wiix_vn:hover {
     background: rgba(255, 255, 255, 0.06);
     border-color: rgba(255, 255, 255, 0.15);
 }

 .icon_wiix_vn {
     width: 40px;
     height: 40px;
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     min-width: 40px;
 }

 .card_wiix_vn-desc .icon_wiix_vn svg {
     width: 20px;
     height: 20px;
     stroke: white;
     stroke-width: 2;
 }

 .icon_wiix_vn.blue {
     background: linear-gradient(135deg, #3b82f6, #2563eb);
 }

 .icon_wiix_vn .violet {
     background: linear-gradient(135deg, #8b5cf6, #7c3aed);
 }

 .icon_wiix_vn.green {
     background: linear-gradient(135deg, #22c55e, #059669);
 }

 .icon_wiix_vn.pink {
     background: linear-gradient(135deg, #ec4899, #e11d48);
 }

 .card_wiix_vn-title {
     font-weight: 600;
     font-size: 14px;
     margin-bottom: 4px;
 }

 .card_wiix_vn-desc {
     font-size: 12px;
     color: rgba(255, 255, 255, 0.5);
     margin-bottom: 0;
 }

 .btn_wiix_vn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 14px 28px;
     border-radius: 12px;
     background: linear-gradient(to right, #2563eb, #7c3aed);
     color: white;
     text-decoration: none;
     font-weight: 600;
     transition: 0.3s;
 }

 .btn_wiix_vn:hover {
     opacity: 0.9;
     transform: translateY(-2px);
     box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
 }

 .arrow_wiix_vn {
     width: 15px;
     height: 16px;
     stroke-width: 2;
 }

 .card_wiix_vn-title {
     font-size: 15px;
     color: #fff;
     font-weight: 500;
 }

 .icon_wiix_vn svg path {
     color: #fff;
 }

 .icon_wiix_vn.violet {
     background-color: #7f22fe;
 }

 .card_wiix_vn svg {
     width: 25px;
 }

 .row_nhmas .col {
     padding-bottom: 0 !important;
 }

 /**/
 .team-section {
     position: relative;
     padding: 68px 20px;
     overflow: hidden;
 }

 .team-section .bg-blur {
     position: absolute;
     bottom: 0;
     left: 25%;
     width: 500px;
     height: 300px;
     background: rgba(37, 99, 235, 0.08);
     filter: blur(100px);
     border-radius: 50%;
 }

 .team-section .header {
     text-align: center;
     margin-bottom: 60px;
     background-color: transparent;
 }

 .team-section .badge {
     display: inline-block;
     padding: 8px 16px;
     border-radius: 999px;
     background: rgba(139, 92, 246, 0.1);
     border: 1px solid rgba(139, 92, 246, 0.2);
     color: #c084fc;
     font-size: 14px;
     margin-bottom: 20px;
     width: unset;
 }

 .team-section .header h2 {
     color: #fff;
     font-size: clamp(28px, 4vw, 44px);
     font-weight: 700;
 }

 .team-section .gradient-text {
     background: linear-gradient(to right, #dd3333, #dd3333);
     -webkit-background-clip: text;
     color: transparent;
 }

 .title_wiix_vn span {
     background: linear-gradient(to right, #dd3333, #dd3333);
     -webkit-background-clip: text;
     color: transparent;
 }

 .hero-section-fb-ads .card small {
     font-weight: 700;
 }

 .team-section .header p {
     color: rgba(255, 255, 255, 0.6);
     max-width: 600px;
     margin: auto;
 }

 .team-section .team-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 24px;
 }

 .team-section .card {
     border-radius: 16px;
     overflow: hidden;
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.08);
     transition: 0.3s;
 }

 .team-section .card:hover {
     transform: translateY(-6px);
     border-color: rgba(255, 255, 255, 0.2);
     background: rgba(255, 255, 255, 0.05);
 }

 .team-section .card-img {
     position: relative;
     height: 220px;
     overflow: hidden;
 }

 .team-section .card-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 0.5s;
 }

 .team-section .card:hover img {
     /* transform: scale(1.05); */
 }

 .team-section .overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, #07091a, transparent);
 }

 .team-section .tag {
     position: absolute;
     top: 10px;
     left: 10px;
     padding: 5px 10px;
     border-radius: 999px;
     font-size: 12px;
     color: #fff;
     font-weight: bold;
 }

 .team-section .blue {
     background: linear-gradient(to right, #3b82f6, #2563eb);
 }

 .team-section .violet {
     background: linear-gradient(to right, #8b5cf6, #7c3aed);
 }

 .team-section .pink {
     background: linear-gradient(to right, #ec4899, #e11d48);
 }

 .team-section .green {
     background: linear-gradient(to right, #22c55e, #10b981);
 }

 .team-section .card-body {
     padding: 16px;
 }

 .team-section .card-body h3 {
     color: #fff;
     margin: 0;
 }

 .team-section .card-body small {
     color: rgba(255, 255, 255, 0.5);
     display: block;
     margin-bottom: 10px;
 }

 .team-section .card-body p {
     color: rgba(255, 255, 255, 0.6);
     font-size: 13px;
 }

 .team-section .social {
     display: flex;
     gap: 10px;
     margin-top: 10px;
 }

 .team-section .social button {
     width: 32px;
     height: 32px;
     border-radius: 8px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     background: rgba(255, 255, 255, 0.05);
     color: #ccc;
     cursor: pointer;
     margin: 0;
 }

 .team-section .social button {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
     min-height: 32px;
 }

 .team-section .social button svg {
     width: 14px;
     height: 14px;
 }

 .team-section .social button:hover {
     background: rgba(255, 255, 255, 0.1);
 }

 /**/
 .services_wiix_fbads {
     position: relative;
     padding: 68px 0px;
     overflow: hidden;
 }

 .services_wiix_fbads .bg-blur {
     position: absolute;
     top: 30%;
     right: 0;
     width: 500px;
     height: 500px;
     background: rgba(37, 99, 235, 0.15);
     filter: blur(120px);
     border-radius: 50%;
 }

 .services_wiix_fbads .heading {
     text-align: center;
     margin-bottom: 60px;
 }

 .services_wiix_fbads .badge {
     display: inline-block;
     padding: 8px 16px;
     border-radius: 999px;
     background: rgba(59, 130, 246, 0.1);
     border: 1px solid rgba(59, 130, 246, 0.3);
     color: #60a5fa;
     font-size: 14px;
     margin-bottom: 20px;
     width: auto;
 }

 .services_wiix_fbads .heading h2 {
     color: white;
     font-size: clamp(1.8rem, 4vw, 2.8rem);
     font-weight: 700;
 }

 .services_wiix_fbads .gradient-text {
     background: linear-gradient(to right, #60a5fa, #a78bfa);
     -webkit-background-clip: text;
     color: transparent;
 }

 .services_wiix_fbads .heading p {
     color: rgba(255, 255, 255, 0.5);
     max-width: 600px;
     margin: auto;
 }

 .services_wiix_fbads .grid {
     display: grid;
     gap: 20px;
     grid-template-columns: repeat(3, 1fr);
 }

 .services_wiix_fbads .card {
     position: relative;
     padding: 24px;
     border-radius: 16px;
     background: rgb(6, 8, 24);
     border: 1px solid rgba(255, 255, 255, 0.08);
     transition: 0.3s;
 }

 .services_wiix_fbads .card:hover {
     transform: translateY(-5px);
     background: rgba(255, 255, 255, 0.06);
     border-color: rgba(255, 255, 255, 0.2);
 }

 .services_wiix_fbads .number {
     position: absolute;
     top: 10px;
     right: 15px;
     font-size: 28px;
     font-weight: bold;
     color: rgba(255, 255, 255, 0.1);
 }

 .services_wiix_fbads .icon {
     width: 50px;
     height: 50px;
     border-radius: 12px;
     margin-bottom: 15px;
 }

 .services_wiix_fbads .blue {
     background: linear-gradient(45deg, #3b82f6, #22d3ee);
 }

 .services_wiix_fbads .violet {
     background: linear-gradient(45deg, #8b5cf6, #9333ea);
 }

 .services_wiix_fbads .pink {
     background: linear-gradient(45deg, #ec4899, #f43f5e);
 }

 .services_wiix_fbads .orange {
     background: linear-gradient(45deg, #f97316, #f59e0b);
 }

 .services_wiix_fbads .green {
     background: linear-gradient(45deg, #22c55e, #10b981);
 }

 .services_wiix_fbads .teal {
     background: linear-gradient(45deg, #14b8a6, #06b6d4);
 }

 .services_wiix_fbads .card h3 {
     color: white;
     font-size: 16px;
     margin-bottom: 10px;
 }

 .services_wiix_fbads .card p {
     color: rgba(255, 255, 255, 0.5);
     font-size: 14px;
     margin-bottom: 15px;
 }

 .services_wiix_fbads .tags span {
     display: inline-block;
     font-size: 12px;
     padding: 5px 10px;
     margin: 3px;
     border-radius: 8px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.6);
 }

 .services_wiix_fbads .cta {
     text-align: center;
     margin-top: 40px;
 }

 .services_wiix_fbads .cta a {
     display: inline-block;
     padding: 14px 30px;
     border-radius: 12px;
     background: linear-gradient(to right, #2563eb, #7c3aed);
     color: white;
     font-weight: bold;
     text-decoration: none;
     transition: 0.3s;
 }

 .services_wiix_fbads .cta a:hover {
     opacity: 0.9;
     transform: translateY(-2px);
 }

 .services_wiix_fbads .icon {
     width: 50px;
     height: 50px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 15px;
 }

 .services_wiix_fbads .icon svg {
     width: 24px;
     height: 24px;
 }

 .sec_dv_cungcapos {
     border-top: 1px solid rgba(255, 255, 255, 0.05);
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 /**/
 .case-study {
     position: relative;
     padding: 68px 0px;
     overflow: hidden;
     color: white;
 }

 .case-study .bg-blur {
     position: absolute;
     width: 500px;
     height: 500px;
     background: rgba(34, 197, 94, 0.08);
     border-radius: 50%;
     filter: blur(120px);
     top: 0;
     left: 0;
 }

 /* Heading */
 .case-study .heading {
     text-align: center;
     margin-bottom: 60px;
 }

 .case-study .badge {
     display: inline-block;
     padding: 8px 16px;
     border-radius: 999px;
     margin-bottom: 20px;
     font-size: 14px;
     width: auto;
     background: rgba(59, 130, 246, 0.1);
     border: 1px solid rgba(59, 130, 246, 0.3);
     color: #60a5fa;
 }

 .case-study .case-header h3 {
     color: #fff;
 }

 .case-study .heading h2 {
     font-size: clamp(28px, 4vw, 44px);
     font-weight: 700;
     color: #fff;
 }

 .case-study .gradient-text {
     background: linear-gradient(to right, #4ade80, #34d399);
     -webkit-background-clip: text;
     color: transparent;
 }

 .case-study .heading p {
     color: rgba(255, 255, 255, 0.5);
     max-width: 600px;
     margin: auto;
 }

 /* Stats */
 .case-study .stats {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
     margin-bottom: 60px;
 }

 .case-study .stat-box {
     text-align: center;
     padding: 20px;
     border-radius: 16px;
     background: rgb(6, 8, 24);
     border: 1px solid rgba(255, 255, 255, 0.08);
 }

 .case-study .stat-value {
     font-size: 32px;
     font-weight: 900;
     margin-bottom: 10px;
 }

 .case-study .green {
     color: #4ade80;
 }

 .case-study .blue {
     color: #38bdf8;
 }

 .case-study .purple {
     color: #a78bfa;
 }

 /* Cases */
 .case-study .cases {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
 }

 .case-study .case-card {
     padding: 20px;
     border-radius: 16px;
     background: rgb(6, 8, 24);
     border: 1px solid rgba(255, 255, 255, 0.08);
     transition: 0.3s;
 }

 .case-study .case-card:hover {
     background: rgba(255, 255, 255, 0.05);
     border-color: rgba(255, 255, 255, 0.2);
 }

 .case-study .case-header {
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
 }

 .case-study .tag {
     padding: 4px 10px;
     border-radius: 999px;
     font-size: 12px;
     color: white;
     display: inline-block;
     margin-bottom: 5px;
 }

 .case-study .tag.blue {
     background: linear-gradient(to right, #3b82f6, #06b6d4);
 }

 .case-study .budget {
     text-align: right;
     font-size: 12px;
     color: rgba(255, 255, 255, 0.5);
 }

 .case-study .budget strong {
     display: block;
     color: white;
 }

 /* Metrics */
 .case-study .metrics {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
     margin-bottom: 20px;
 }

 .case-study .metrics div {
     background: rgba(255, 255, 255, 0.04);
     padding: 10px;
     border-radius: 10px;
     text-align: center;
 }

 .case-study .metrics strong {
     display: block;
     font-size: 18px;
 }

 .case-study .metrics span {
     font-size: 12px;
     color: rgba(255, 255, 255, 0.5);
 }

 /* Quote */
 .case-study .quote {
     background: rgba(255, 255, 255, 0.03);
     border-left: 3px solid #38bdf8;
     padding: 15px;
     font-style: italic;
     color: rgba(255, 255, 255, 0.6);
 }

 /* CTA */
 .case-study .cta {
     text-align: center;
     margin-top: 50px;
 }

 .case-study .cta p {
     color: rgba(255, 255, 255, 0.5);
     margin-bottom: 15px;
 }

 .case-study .btn {
     display: inline-block;
     padding: 14px 30px;
     border-radius: 12px;
     background: linear-gradient(to right, #16a34a, #10b981);
     color: white;
     text-decoration: none;
     font-weight: bold;
     transition: 0.3s;
 }

 .case-study .btn:hover {
     opacity: 0.9;
     transform: translateY(-2px);
 }

 /**/
 .header_ts_chon {
     text-align: center;
     margin-bottom: 60px;
 }

 .header_ts_chon .badge {
     display: inline-block;
     padding: 8px 16px;
     border-radius: 999px;
     margin-bottom: 20px;
     font-size: 14px;
     width: auto;
     background: rgba(59, 130, 246, 0.1);
     border: 1px solid rgba(59, 130, 246, 0.3);
     color: #60a5fa;
 }

 .header_ts_chon h2 {
     color: white;
     font-size: clamp(28px, 4vw, 44px);
     font-weight: 700;
 }

 .card_wiix_vn svg line {
     color: #fff;
 }

 .header_ts_chon .gradient-text {
     background: linear-gradient(to right, #dd3333, #dd3333);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 /**/
 .features_list .feature-item {
     display: flex;
     gap: 15px;
     padding: 20px;
     border-radius: 12px;
     background: rgb(6, 8, 24);
     border: 1px solid rgba(255, 255, 255, 0.08);
     margin-bottom: 15px;
     transition: 0.3s;
 }

 .features_list .feature-item:hover {
     background: rgba(255, 255, 255, 0.05);
     border-color: rgba(255, 255, 255, 0.15);
 }

 .features_list .icon {
     font-size: 22px;
 }

 .features_list .feature-item h3 {
     color: white;
     margin: 0 0 5px;
     font-size: 16px;
 }

 .features_list .feature-item p {
     color: rgba(255, 255, 255, 0.5);
     font-size: 13px;
 }

 .features_list .feature-item p {
     margin-bottom: 0;
 }

 /**/
 /* TABLE */
 .table_mr_toang {
     border-radius: 16px;
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: rgb(6, 8, 24);
 }

 .table_mr_toang .table-header,
 .table_mr_toang .row {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
 }

 .table_mr_toang .table-header {
     background: rgba(59, 130, 246, 0.1);
     color: white;
     font-weight: bold;
     text-align: center;
 }

 .table_mr_toang .table-header div {
     padding: 15px;
 }

 .table_mr_toang .row div {
     padding: 15px;
     text-align: center;
     color: rgba(255, 255, 255, 0.7);
     border-top: 1px solid rgba(255, 255, 255, 0.05);
 }

 .table_mr_toang .row div:first-child {
     text-align: left;
 }

 .table_mr_toang .yes {
     color: #4ade80;
 }

 .table_mr_toang .no {
     color: #f87171;
 }

 .table_mr_toang .footer {
     padding: 20px;
     text-align: center;
     background: linear-gradient(to right, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
     color: rgba(255, 255, 255, 0.9);
 }

 /**/
 /* HEADER WIXX */
 .wiix-header {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     background: linear-gradient(to bottom, rgba(37, 99, 235, 0.25), transparent);
 }

 .wiix-badge {
     width: 20px;
     height: 20px;
     border-radius: 6px;
     background: linear-gradient(to bottom right, #3b82f6, #8b5cf6);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 11px;
     font-weight: bold;
     color: white;
 }

 /* WIXX COLUMN */
 .wiix-col {
     background: rgba(59, 130, 246, 0.08);
 }

 /* ICON STYLE (GIỐNG LUCIDE) */
 .icon-check,
 .icon-x {
     width: 20px;
     height: 20px;
     stroke-width: 2;
     fill: none;
 }

 .icon-check {
     stroke: #4ade80;
 }

 .icon-x {
     stroke: #f87171;
 }

 /* TABLE FIX */
 .table_mr_toang .table-header div,
 .table_mr_toang .row div {
     padding: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .table_mr_toang .row div:first-child {
     justify-content: flex-start;
 }

 .table_mr_toang .row {
     width: 100% !important;
     margin: auto !important;
 }

 .table_mr_toang .row div {
     min-height: 70px;
 }

 section .row_mnhbsa .col {
     padding: 0 15px 15px;
 }

 /**/

 #testimonials {
     position: relative;
     padding: 68px 0px;
 }

 #testimonials .bg-blur {
     position: absolute;
     bottom: 0;
     right: 30%;
     width: 500px;
     height: 300px;
     background: rgba(139, 92, 246, 0.1);
     filter: blur(100px);
     border-radius: 50%;
 }

 #testimonials .heading {
     text-align: center;
     margin-bottom: 60px;
 }

 #testimonials .badge {
     display: inline-block;
     padding: 8px 16px;
     border-radius: 999px;
     background: rgba(234, 179, 8, 0.1);
     border: 1px solid rgba(234, 179, 8, 0.3);
     color: #facc15;
     font-size: 14px;
     margin-bottom: 16px;
 }

 #testimonials .heading h2 {
     color: white;
     font-size: clamp(1.8rem, 4vw, 2.8rem);
     font-weight: 700;
 }

 #testimonials .highlight {
     background: linear-gradient(to right, #facc15, #fb923c);
     -webkit-background-clip: text;
     color: transparent;
 }

 #testimonials #testimonials.heading p {
     color: rgba(255, 255, 255, 0.5);
     max-width: 500px;
     margin: auto;
 }

 #testimonials .grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
 }

 #testimonials .card {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.08);
     padding: 24px;
     border-radius: 16px;
     display: flex;
     flex-direction: column;
     transition: 0.3s;
 }

 #testimonials .card:hover {
     transform: translateY(-5px);
     border-color: rgba(255, 255, 255, 0.2);
     background: rgba(255, 255, 255, 0.05);
 }

 #testimonials .quote {
     font-size: 30px;
     color: rgba(96, 165, 250, 0.4);
     margin-bottom: 10px;
 }

 #testimonials .stars {
     color: #facc15;
     margin-bottom: 10px;
 }

 #testimonials .content {
     color: rgba(255, 255, 255, 0.6);
     font-size: 14px;
     font-style: italic;
     flex: 1;
 }

 #testimonials .result {
     margin: 15px 0;
     padding: 8px;
     border-radius: 8px;
     background: rgba(34, 197, 94, 0.1);
     border: 1px solid rgba(34, 197, 94, 0.3);
     color: #4ade80;
     font-size: 12px;
 }

 #testimonials .user {
     display: flex;
     gap: 10px;
     align-items: center;
 }

 #testimonials .avatar {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     color: white;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
 }

 #testimonials .avatar.blue {
     background: linear-gradient(135deg, #3b82f6, #06b6d4);
 }

 #testimonials .name {
     color: white;
     font-size: 14px;
     font-weight: 600;
 }

 #testimonials .role {
     font-size: 12px;
     color: rgba(255, 255, 255, 0.4);
 }

 #testimonials .avatar.violet {
     background: linear-gradient(135deg, #8b5cf6, #a855f7);
 }

 #testimonials .avatar.pink {
     background: linear-gradient(135deg, #ec4899, #f43f5e);
 }

 #testimonials .avatar.green {
     background: linear-gradient(135deg, #22c55e, #10b981);
 }

 #testimonials .avatar.orange {
     background: linear-gradient(135deg, #f97316, #f59e0b);
 }

 #testimonials .avatar.teal {
     background: linear-gradient(135deg, #14b8a6, #06b6d4);
 }

 #testimonials .quote svg {
     width: 30px;
     height: 30px;
     stroke: #60a5fa;
     fill: none;
     opacity: 0.4;
 }

 #testimonials .stars svg {
     width: 16px;
     height: 16px;
     fill: #facc15;
 }

 #testimonials .badge {
     width: auto;
 }

 #testimonials .card p {
     margin-bottom: 0;
 }

 #testimonials .heading p {
     color: #fff;
 }

 /* form */
 #cta {
     background: #060818;
     padding: 100px 20px;
     position: relative;
     overflow: hidden;
     color: #fff;
     font-family: Arial, sans-serif;
 }

 /* Background blur */
 #cta .cta-bg div {
     position: absolute;
     border-radius: 50%;
     filter: blur(120px);
 }

 #cta .blur-1 {
     width: 800px;
     height: 400px;
     background: rgba(37, 99, 235, 0.2);
     top: 0;
     left: 50%;
     transform: translateX(-50%);
 }

 #cta .blur-2 {
     width: 400px;
     height: 300px;
     background: rgba(139, 92, 246, 0.2);
     bottom: 0;
     right: 25%;
 }

 /* Layout */

 #cta .grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 60px;
     align-items: center;
 }

 @media (max-width: 992px) {
     #cta .grid {
         grid-template-columns: 1fr;
     }
 }

 /* LEFT */
 #cta .badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(59, 130, 246, 0.1);
     border: 1px solid rgba(59, 130, 246, 0.3);
     padding: 8px 14px;
     border-radius: 999px;
     margin-bottom: 20px;
     font-size: 14px;
     width: auto;
     color: #fff;
 }

 #cta .dot {
     width: 8px;
     height: 8px;
     background: #60a5fa;
     border-radius: 50%;
     animation: pulse 1.5s infinite;
 }

 @keyframes pulse {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0.3;
     }

     100% {
         opacity: 1;
     }
 }

 #cta h2 {
     font-size: clamp(28px, 4vw, 44px);
     font-weight: 700;
     margin-bottom: 20px;
     color: #fff;
 }

 #cta .desc {
     color: rgba(255, 255, 255, 0.6);
     margin-bottom: 30px;
 }

 #cta .features .item {
     margin-bottom: 10px;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.7);
 }

 /* CONTACT */
 #cta .contact {
     margin-top: 20px;
 }

 #cta .contact-item {
     margin-bottom: 12px;
 }

 #cta .contact small {
     color: rgba(255, 255, 255, 0.4);
     display: block;
 }

 #cta .contact strong {
     color: rgba(255, 255, 255, 0.8);
 }

 /* RIGHT FORM */
 #cta .form-wrap {
     position: relative;
 }

 #cta .form-box {
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.15);
     padding: 30px;
     border-radius: 16px;
     backdrop-filter: blur(20px);
 }

 #cta .form-box h3 {
     margin-bottom: 5px;
 }

 #cta .form-box p {
     color: rgba(255, 255, 255, 0.5);
     font-size: 14px;
     margin-bottom: 20px;
 }

 #cta form {
     display: flex;
     flex-direction: column;
 }

 #cta label {
     font-size: 12px;
     margin-bottom: 4px;
     color: rgba(255, 255, 255, 0.6);
 }

 #cta input,
 #cta select {
     padding: 12px;
     margin-bottom: 14px;
     border-radius: 10px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     background: rgba(255, 255, 255, 0.05);
     color: #fff;
 }

 #cta input:focus,
 #cta select:focus {
     outline: none;
     border-color: rgba(59, 130, 246, 0.6);
 }

 #cta button {
     padding: 14px;
     border: none;
     border-radius: 10px;
     background: linear-gradient(to right, #2563eb, #7c3aed);
     color: #fff;
     font-weight: bold;
     cursor: pointer;
     transition: 0.3s;
 }

 #cta button:hover {
     transform: translateY(-2px);
     opacity: 0.9;
 }

 #cta .note {
     text-align: center;
     font-size: 12px;
     color: rgba(255, 255, 255, 0.3);
     margin-top: 10px;
 }

 /* ICON */
 #cta .icon {
     width: 20px;
     height: 20px;
     stroke: currentColor;
     fill: none;
     stroke-width: 2;
 }

 #cta .icon.small {
     width: 16px;
     height: 16px;
 }

 #cta .icon.green {
     color: #4ade80;
 }

 #cta .icon.blue {
     color: #60a5fa;
 }

 /* FEATURE ITEM */
 #cta .features .item {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 10px;
     color: rgba(255, 255, 255, 0.7);
     font-size: 14px;
 }

 /* CONTACT */
 #cta .contact-item {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 14px;
 }

 #cta.icon-box {
     width: 32px;
     height: 32px;
     border-radius: 8px;
     background: rgba(59, 130, 246, 0.1);
     border: 1px solid rgba(59, 130, 246, 0.2);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 /*  css hero fb ads */
 .hero-section-fb-ads {
     position: relative;
     min-height: 100vh;
     display: flex;
     align-items: center;
     z-index: 99;
 }

 .hero-section-fb-ads .card h3 {
     color: #05df72;
     font-weight: bold;
     margin: 0;
 }

 .tts_fb-ads {
     font-size: 12px;
     color: #05df72;
 }

 .tts_fb-ads svg {
     width: 12px;
 }

 .tts_fb-ads {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .hero-section-fb-ads .grid {
     z-index: 99999;
     position: relative;
 }

 /* Background */
 .hero-section-fb-ads .bg-effects {
     position: absolute;
     inset: 0;
 }

 .hero-section-fb-ads .blur-circle {
     position: absolute;
     width: 400px;
     height: 400px;
     border-radius: 50%;
     filter: blur(120px);
     animation: pulse 3s infinite;
 }

 .hero-section-fb-ads .blue {
     background: rgba(37, 99, 235, 0.3);
     top: 80px;
     left: 20%;
 }

 .hero-section-fb-ads .violet {
     background: rgba(139, 92, 246, 0.3);
     bottom: 80px;
     right: 20%;
 }

 .hero-section-fb-ads .center {
     width: 600px;
     height: 600px;
     background: rgba(30, 58, 138, 0.2);
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 0.6;
     }

     50% {
         opacity: 1;
     }
 }

 .hero-section-fb-ads .grid-overlay {
     position: absolute;
     inset: 0;
     opacity: 0.05;
     background-image: linear-gradient(#fff 1px, transparent 1px),
         linear-gradient(90deg, #fff 1px, transparent 1px);
     background-size: 60px 60px;
 }


 .hero-section-fb-ads .grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 60px;
     align-items: center;
 }

 /* Text */
 .hero-section-fb-ads .badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 10px 15px;
     border-radius: 20px;
     border: 1px solid #3b82f6;
     color: #60a5fa;
     margin-bottom: 20px;
     width: fit-content;
     height: unset;
 }

 .hero-section-fb-ads .badge span {
     font-size: 14px;
 }

 .hero-section-fb-ads .dot {
     width: 8px;
     height: 8px;
     background: #60a5fa;
     border-radius: 50%;
 }

 .hero-section-fb-ads h1 {
     color: white;
     font-size: clamp(2rem, 5vw, 3.5rem);
     font-weight: 700;
     line-height: 1.2;
 }

 .hero-section-fb-ads .gradient-blue {
     background: linear-gradient(to right, #60a5fa, #8b5cf6);
     -webkit-background-clip: text;
     color: transparent;
 }

 .hero-section-fb-ads .gradient-pink {
     background: linear-gradient(to right, #8b5cf6, #8b5cf6);
     -webkit-background-clip: text;
     color: transparent;
 }

 .hero-section-fb-ads p {
     color: rgba(255, 255, 255, 0.6);
     margin: 20px 0;
 }

 /* Buttons */
 .hero-section-fb-ads .buttons {
     display: flex;
     gap: 15px;
     margin: 30px 0;
 }

 .hero-section-fb-ads .btn {
     padding: 12px 25px;
     border-radius: 10px;
     text-decoration: none;
     font-weight: bold;
 }

 .hero-section-fb-ads .primary {
     background: linear-gradient(to right, #2563eb, #7c3aed);
     color: white;
 }

 .hero-section-fb-ads .secondary {
     border: 1px solid rgba(255, 255, 255, 0.3);
     color: white;
 }

 /* Stats */
 .hero-section-fb-ads .stats {
     display: flex;
     gap: 30px;
 }

 .hero-section-fb-ads .stats strong {
     display: block;
     color: white;
     font-size: 1.5rem;
 }

 .hero-section-fb-ads .stats span {
     font-size: 12px;
     color: rgba(255, 255, 255, 0.5);
 }

 /* Image */
 .hero-section-fb-ads .image-box {
     position: relative;
 }

 .hero-section-fb-ads .image-box img {
     width: 100%;
     height: 500px;
     object-fit: cover;
     border-radius: 20px;
 }

 .hero-section-fb-ads .overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, #060818, transparent);
     border-radius: 20px;
 }

 /* Cards */
 .hero-section-fb-ads .card {
     position: absolute;
     background: rgba(255, 255, 255, 0.05);
     padding: 15px 30px;
     border-radius: 15px;
     backdrop-filter: blur(20px);
     color: white;
 }

 .hero-section-fb-ads .card.top {
     top: -20px;
     left: -20px;
 }

 .hero-section-fb-ads .card.bottom {
     bottom: -20px;
     right: -20px;
 }

 /* Sec Footer form  */
 /* ===== LABEL ===== */
 .contact-label {
     display: block;
     font-size: 13px;
     letter-spacing: 4px;
     text-transform: uppercase;
     font-weight: 700;
     color: #ff3131;
     margin-bottom: 20px;
 }

 /* ===== TITLE ===== */
 .contact-title {
     font-size: 56px;
     line-height: 1.2;
     margin-bottom: 30px;
     color: #fff;
     font-weight: 700;
 }

 .contact-title .highlight {
     font-style: italic;
     color: #ff3131;
 }

 /* ===== DESCRIPTION ===== */
 .contact-description {
     font-size: 18px;
     color: #fff;
     max-width: 500px;
     line-height: 1.7;
     margin-bottom: 30px;
 }

 /* ===== CONTACT LIST ===== */
 .contact-list {
     display: flex;
     flex-direction: column;
     gap: 35px;
 }

 /* ITEM */
 .contact-item {
     display: flex;
     align-items: center;
     gap: 24px;
     transition: all 0.3s ease;
 }

 /* ICON BOX */
 .contact-icon {
     width: 50px;
     height: 50px;
     border-radius: 16px;
     background: #f8f3e7;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #ff3131;
     transition: all 0.3s ease;
     flex-shrink: 0;
 }

 .contact-icon svg {
     width: 22px;
     height: 22px;
 }

 /* HOVER EFFECT */
 .contact-item:hover .contact-icon {
     background: #ff3131;
     color: #ffffff;
 }

 /* SMALL TITLE */
 .contact-small-title {
     font-size: 18px;
     /* letter-spacing: 2px; */
     text-transform: math-auto;
     font-weight: 700;
     color: #fff;
     margin-bottom: 0px;
 }

 /* VALUE */
 .contact-value {
     font-size: 16px;
     font-weight: normal;
     color: #fff;
 }

 .working-time h4 {
     color: #fff;
 }

 .working-time {
     display: flex;
     align-items: flex-start;
     gap: 24px;
     transition: all 0.3s ease;
     color: #fff;
 }

 /* ===== RESPONSIVE ===== */
 @media (max-width: 992px) {
     .contact-title {
         font-size: 42px;
     }
 }

 @media (max-width: 768px) {

     .contact-title {
         font-size: 34px;
     }

     .contact-description {
         font-size: 16px;
     }

     .contact-value {
         font-size: 16px;
     }

     .working-time {}
 }

 /**/
 .col_forms {
     background-color: #050a30;
     color: #fff;
     border-radius: 16px;
     padding: 60px !important;
 }

 .iem_form label {
     color: #fff;
     font-size: 16px;
     font-weight: 100;
 }

 .faq-item:last-child {
     margin-bottom: 0;
 }

 .row .iem_form input {
     border-radius: 5px;
     box-shadow: unset;
     height: 45px;
     margin-bottom: 0;
     background-color: transparent;
     color: #fff;
 }

 .iem_form select {
     margin-bottom: 0;
     box-shadow: unset;
     border-radius: 8px;
     height: 45px;
     color: #fff;
     background-color: transparent;
 }

 .iem_form textarea {
     box-shadow: unset;
     border-radius: 8px;
     background-color: transparent;
     color: #fff;
 }

 .iem_form textarea::placeholder {
     color: #fff;
 }

 .iem_form_hcms input {
     width: 100%;
     height: 48px;
     border-radius: 8px;
     background-color: #ff3131;
     box-shadow: unset;
     border: unset;
     margin: 0;
     padding-right: 60px;
 }

 .iem_form_hcms {
     position: relative;
 }

 .iem_form_hcms i {
     position: absolute;
 }

 .wpcf7-spinner {
     position: absolute;
 }

 .iem_form_hcms i {
     position: absolute;
     left: 63%;
     color: #fff;
     margin-top: 13px;
 }

 .pricing-card ul li {
     margin-left: 0;
 }

 .row_mnhass .col:nth-child(2) .col-inner {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .wpcf7 form .wpcf7-response-output {
     margin: 5px;
     border: 1px solid #00a0d2;
     color: #fff;
 }

 .row-form:last-child .col {
     padding-bottom: 0;
 }

 .sunbhsa {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .row .section-title-normal span {
     border-bottom: 0px solid rgba(0, 0, 0, .1);
     margin-bottom: 0;
     margin-right: 0;
     padding-bottom: 0;
 }

 .row .section-title-normal {
     border-bottom: 0px solid #ececec;
 }

 .mjnhsa .col-inner {
     background-color: #0b0809;
     padding: 25px;
     border-radius: 8px;
 }

 .form_dk .row .col .col-inner {
     padding: 0;
 }

 .ttb_hmnsah h2 span {
     font-style: italic;
     color: #fff;
     font-weight: 700;
     font-size: 46px;
     text-transform: capitalize;
 }

 .mjnhsa .col-inner form {
     margin: 0;
 }

 .row .iem_form_hcms input {
     background-color: #dd3333 !important;
     color: #fff;
     border-radius: 99px;
 }

 .sec_cthsa {
     padding-bottom: 0 !important;
 }

 .tj-primary-btn svg {
     width: 24px;
 }

 .col_form {
     background-color: #0e1c30;
     padding: 25px !important;
     border-radius: 10px;
 }

 .sub_text_hero p {
     display: flex;
     justify-content: center;
 }

 .section_tke {
     z-index: 9;
     background: #09090f;
     border-top: 1px solid #ffffff12;
     border-bottom: 1px solid #ffffff12;
 }

 .sec_mnhsa {
     margin-top: 80px;
 }

 .dss_mjj p {
     color: #fff;
     text-align: left;
     max-width: 520px;
 }

 .row_thongkw {
     margin-bottom: 25px;
 }

 .dss_mjj .sec-titldeps {
     margin-bottom: 20px;
 }

 /* --- Kicker --- */
 .ws-kicker {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 2.25rem;
 }

 .ws-kicker-line {
     flex: 1;
     height: 1px;
     background: #d0cec8;
 }

 .ws-kicker-text {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: .16em;
     text-transform: uppercase;
     color: #999;
     white-space: nowrap;
 }

 .sec_cthsa {
     margin-bottom: 68px;
 }

 /* css bảng giá */
 .box_pricing .header {
     color: #fff;
     text-align: center;
     background-color: transparent;
 }

 .box_pricing .header h2 {
     color: #fff;
     font-size: 14px;
     letter-spacing: 2px;
     text-transform: uppercase;
 }

 .box_pricing .header h3 {
     font-size: 40px;
     font-weight: 500;
     color: #fff;
 }

 .box_pricing .header h3 span {
     color: #dd3333;
     font-style: italic;
     font-weight: 500;
 }

 .box_pricing .header p {
     color: rgba(255, 255, 255, 0.6);
 }

 .box_pricing .pricing-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     margin-top: 45px;
 }

 .box_pricing .card {
     background: #111827;
     border: 1px solid rgba(255, 255, 255, 0.1);
     padding: 30px;
     border-radius: 20px;
     display: flex;
     flex-direction: column;
     position: relative;
 }

 .box_pricing .card h4 {
     font-size: 24px;
     font-weight: bold;
     color: #fff;
 }

 .box_pricing .desc {
     font-size: 14px;
     color: rgba(255, 255, 255, 0.6);
     min-height: 40px;
 }

 .box_pricing .price-box {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     margin: 30px 0;
     padding-bottom: 20px;
 }

 .box_pricing .price {
     font-size: 48px;
     color: #fff;
     font-weight: bold;
 }

 .box_pricing .note {
     font-size: 16px;
     color: #fff;
     margin-top: 10px;
 }

 .box_pricing .ul {
     list-style: none;
     padding: 0;
     margin: 20px 0;
     flex: 1;
 }

 .box_pricing .ul li {
     margin-bottom: 10px;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.8);
 }

 .box_pricing .card a {
     display: block;
     text-align: center;
     padding: 12px;
     border-radius: 30px;
     border: 1px solid rgba(255, 255, 255, 0.3);
     text-decoration: none;
     color: #fff;
     transition: 0.3s;
 }

 .box_pricing .card a:hover {
     border-color: #dd3333;
     color: #fff;
 }

 .box_pricing .active {
     border: 1px solid #dd3333;
     background: #dd3333;
 }

 .box_pricing .badge {
     position: absolute;
     top: -15px;
     left: 50%;
     transform: translateX(-50%);
     background: #d4af37;
     color: #000;
     padding: 5px 15px;
     border-radius: 20px;
     font-size: 12px;
     font-weight: bold;
     width: max-content !important;
     display: block;
     line-height: 25px;
 }

 .arrow-vande-google svg {
     fill: #fff;
 }

 .box_pricing .btn-gold {
     background: #050a30;
     color: #fff !important;
     border: none;
 }

 .box_pricing .btn-gold:hover {
     background: #b8962e;
 }

 .box_pricing .pricing-grid ul li {
     list-style: none;
     color: #fff;
     margin-left: 0;
 }

 /* Responsive */
 @media (max-width: 992px) {
     .box_pricing .pricing-grid {
         grid-template-columns: 1fr;
     }
 }