.elementor-276 .elementor-element.elementor-element-93d8dc5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-9b44dda{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-276 .elementor-element.elementor-element-d5068ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-a99373d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-5497b55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-bef54d8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-276 .elementor-element.elementor-element-499534d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-499534d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-499534d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-499534d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-499534d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-2d0d491.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-2d0d491.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-2d0d491.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-2d0d491 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-2d0d491 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-cd955e7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-cd955e7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-cd955e7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-cd955e7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-cd955e7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-08a6813{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-276 .elementor-element.elementor-element-381bfec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-bf31d71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-cfea8c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-61e38fe{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-98d6b97.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-98d6b97.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-98d6b97.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-98d6b97 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-98d6b97 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-93a9f4e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-93a9f4e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-93a9f4e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-93a9f4e .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-93a9f4e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-7099ff7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-7099ff7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-7099ff7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-7099ff7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-7099ff7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-921667c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-921667c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-921667c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-921667c .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-921667c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-3122084{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-177920d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-4a33a28.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-4a33a28.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-4a33a28.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-4a33a28 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-4a33a28 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-b299ff8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-b299ff8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-b299ff8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-b299ff8 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-b299ff8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-80562cd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-80562cd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-80562cd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-80562cd .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-80562cd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-409f8f0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-409f8f0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-409f8f0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-409f8f0 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-409f8f0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-c6001ec.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-c6001ec.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-c6001ec.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-c6001ec .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-c6001ec .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-76dd52a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-276 .elementor-element.elementor-element-76dd52a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-276 .elementor-element.elementor-element-76dd52a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-76dd52a .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-276 .elementor-element.elementor-element-76dd52a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-276 .elementor-element.elementor-element-682b0b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-414aa28{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-232586a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-276 .elementor-element.elementor-element-4d0be78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-bac746b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-5519491{--display:flex;}.elementor-276 .elementor-element.elementor-element-9946193{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-ff3d493{--display:flex;}.elementor-276 .elementor-element.elementor-element-74e0d8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-f0afc8b{--display:flex;}.elementor-276 .elementor-element.elementor-element-591c5fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-deff43c{--display:flex;}.elementor-276 .elementor-element.elementor-element-ac0f509{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-35743db{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}@media(min-width:768px){.elementor-276 .elementor-element.elementor-element-381bfec{--width:50%;}.elementor-276 .elementor-element.elementor-element-bf31d71{--width:50%;}}@media(max-width:1024px){.elementor-276 .elementor-element.elementor-element-9b44dda{--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-a99373d{--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-bef54d8{--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-61e38fe{--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-177920d{--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-414aa28{--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-232586a{--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-35743db{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-276 .elementor-element.elementor-element-9b44dda{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-a99373d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-bef54d8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-499534d .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-2d0d491 .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-cd955e7 .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-61e38fe{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-98d6b97 .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-93a9f4e .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-7099ff7 .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-921667c .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-177920d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-4a33a28 .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-b299ff8 .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-80562cd .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-409f8f0 .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-c6001ec .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-76dd52a .elementor-image-box-img{margin-bottom:15px;}.elementor-276 .elementor-element.elementor-element-414aa28{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-232586a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-276 .elementor-element.elementor-element-35743db{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-93d8dc5 *//* --- CẤU HÌNH BIẾN MÀU (Dễ dàng chỉnh sửa tại đây) --- */
.hero-text-box {
    --color-subtitle: #ea3e67;  /* Cam Đỏ */
    --color-title: #363795;     /* Xanh Đậm */
    --color-desc: #333333;      /* Xám Đen */
    
    /* Màu Gradient cho chữ AI */
    --grad-start: #6842ff;      /* Tím */
    --grad-mid: #ffffff;        /* Trắng */
    --grad-end: #6842ff;        /* Tím */
    
    max-width: 100%;
    padding: 10px;
}

/* =======================================================
   1. DÒNG PHỤ (Subtitle) -> KHÓA MÀU TUYỆT ĐỐI
   ======================================================= */
.hero-text-box h6.line-subtitle,
.hero-text-box h6.line-subtitle:hover, 
.hero-text-box h6.line-subtitle span {
    color: var(--color-subtitle) !important;
    fill: var(--color-subtitle) !important;
    
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    /* Ngăn mọi hiệu ứng chuyển màu của theme */
    transition: none !important; 
}

/* =======================================================
   2. TIÊU ĐỀ CHÍNH (Title) -> KHÓA MÀU NỀN
   ======================================================= */
.hero-text-box h1.line-title,
.hero-text-box h1.line-title:hover {
    color: var(--color-title) !important;
    
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 25px;
    /* Chỉ cho phép thẻ con (.text-flash) chuyển động, còn h1 đứng yên */
    transition: color 0s !important;
}

/* Đảm bảo các chữ thường bên trong h1 luôn là màu Xanh */
.hero-text-box h1.line-title span:not(.text-flash),
.hero-text-box h1.line-title:hover span:not(.text-flash) {
    color: var(--color-title) !important;
}

/* =======================================================
   3. HIỆU ỨNG TIA CHỚP (CHỈ ÁP DỤNG CHO "AI & AUTOMATION")
   ======================================================= */
.hero-text-box h1.line-title span.text-flash {
    /* Bắt buộc trong suốt để hiện nền Gradient */
    color: transparent !important; 
    -webkit-text-fill-color: transparent !important;
    
    /* Tạo dải màu gradient */
    background: linear-gradient(
        110deg, 
        var(--grad-start) 40%, 
        var(--grad-mid) 50%, 
        var(--grad-end) 60%
    ) !important;
    
    /* Kích thước nền rộng gấp 3 lần để giấu tia sáng */
    background-size: 300% 100% !important;
    background-position: 100% 0 !important;
    
    /* Cắt nền theo khuôn chữ */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    font-weight: 900;
    font-style: italic;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-block;
    
    /* Khi bỏ chuột ra: Reset về vị trí cũ ngay lập tức */
    transition: background-position 0s;
}

/* KHI RÊ CHUỘT VÀO CHÍNH CHỮ NÀY -> CHẠY HIỆU ỨNG */
.hero-text-box h1.line-title span.text-flash:hover {
    /* Dịch chuyển nền từ phải sang trái */
    background-position: 0% 0 !important;
    /* Tốc độ chạy: 0.6 giây */
    transition: background-position 0.6s ease-in-out !important;
}

/* =======================================================
   4. DÒNG MÔ TẢ (Description) -> KHÓA MÀU TUYỆT ĐỐI
   ======================================================= */
.hero-text-box div.line-desc,
.hero-text-box div.line-desc:hover,
.hero-text-box div.line-desc p {
    color: var(--color-desc) !important;
    
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    border-left: 4px solid var(--color-subtitle);
    padding-left: 20px;
    margin-left: 5px;
    transition: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7b0c139 *//* Container tổng */
.premium-header-container {
    text-align: center;
    padding: 60px 20px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    max-width: 800px;
    margin: 0 auto;
}

/* Tiêu đề phụ */
.premium-subtitle {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Chấm tròn nhấp nháy cho cảm giác Live */
.pulse-icon {
    width: 8px;
    height: 8px;
    background-color: #ff0050;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(255, 0, 80, 0.7);
    animation: pulse-dot 1.5s infinite;
}

@keyframes pulse-dot {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 0, 80, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255, 0, 80, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 0, 80, 0); }
}

/* Tiêu đề chính */
.premium-main-title {
    font-size: clamp(32px, 5vw, 48px); /* Tự động co giãn theo màn hình */
    font-weight: 900;
    color: #1d1d1f;
    margin: 0;
    line-height: 1.2;
}

/* Chữ màu Gradient */
.gradient-text {
    background: linear-gradient(90deg, #ff0050, #363795, #00d2ff);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 3s linear infinite;
}

@keyframes shine {
    to { background-position: 200% center; }
}

/* Divider phong cách Tech */
.divider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 20px 0;
}

.divider-line {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ea3e67, transparent);
}

.divider-icon {
    color: #363795;
    font-size: 18px;
}

/* Mô tả ngắn */
.premium-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-top: 10px;
}

/* Tối ưu Mobile */
@media (max-width: 768px) {
    .premium-header-container { padding: 40px 15px 10px; }
    .premium-description { font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8790487 *//* ==========================================================================
   LAYOUT & BASE - PNMEDIA AGENCY
   ========================================================================== */
.iphone-grid-v99 { 
    display: flex; 
    justify-content: center; 
    gap: 40px; 
    flex-wrap: wrap; 
    padding: 30px 0; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 
}

.phone-container-v99 { 
    position: relative; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 
}

/* Hiệu ứng nổi khối khi Hover toàn bộ iPhone */
.phone-container-v99:hover { 
    transform: translateY(-15px); 
}

/* ==========================================================================
   KHUNG IPHONE 16 PRO MAX
   ========================================================================== */
.iphone-16-pro { 
    width: 320px; 
    height: 660px; 
    background: #000; 
    border-radius: 54px; 
    padding: 8px; 
    border: 3.5px solid #2f2f2f; 
    position: relative; 
    z-index: 10; 
    overflow: hidden; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.3); 
}

/* Dynamic Island & Hệ thống Icon (Đã chỉnh icon đứng thẳng) */
.dynamic-island-pro { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 45px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 0 32px; 
    z-index: 30; 
    color: #fff; 
    font-size: 13px; 
    font-weight: 700; 
}

.island-center { 
    width: 100px; 
    height: 32px; 
    background: #000; 
    border-radius: 20px; 
    position: absolute; 
    left: 50%; 
    transform: translateX(-50%); 
    top: 11px; 
}

.ios-icons i { 
    font-style: normal !important; 
    transform: none !important; 
    margin-left: 4px; 
    font-size: 12px; 
}

/* Screen & Video */
.screen-content { 
    width: 100%; 
    height: 100%; 
    border-radius: 46px; 
    overflow: hidden; 
    position: relative; 
    background: #000; 
}

.video-bg { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    pointer-events: none; 
}

/* ==========================================================================
   LỚP PHỦ LIVESTREAM (OVERLAY)
   ========================================================================== */
.live-overlay-real { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 45%, rgba(0,0,0,0.2) 100%); 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    padding: 65px 18px 30px; 
}

.badge-live { 
    background: #ff0050; 
    padding: 3px 12px; 
    border-radius: 4px; 
    font-weight: 900; 
    font-size: 11px; 
    animation: livePulse 1.5s infinite; 
}

@keyframes livePulse { 
    0%, 100% {opacity: 1;} 50% {opacity: 0.5;} 
}

/* ==========================================================================
   BÌNH LUẬN (CHAT STREAM) - KHÔNG GẠCH NGANG
   ========================================================================== */
.chat-stream-pro {
    border: none !important;
}

.chat-msg-item { 
    background: rgba(0,0,0,0.45); 
    padding: 5px 12px; 
    border-radius: 10px; 
    font-size: 11px; 
    color: #fff !important; 
    margin-bottom: 6px; 
    width: fit-content; 
    font-weight: 600; 
    text-shadow: 1px 1px 3px #000; 
    border: none !important; 
    animation: chatSlide 0.4s ease-out; 
}

@keyframes chatSlide { 
    from { opacity: 0; transform: translateX(-20px); } 
    to { opacity: 1; transform: translateX(0); } 
}

/* ==========================================================================
   THÔNG TIN NGƯỜI DÙNG (PROFILE) - NHỎ GỌN
   ========================================================================== */
.profile-box { 
    display: flex; 
    align-items: center; 
    margin-bottom: 12px; 
    border: none !important; 
}

.avatar-wrap { 
    position: relative; 
    width: 40px; /* Thu nhỏ avatar */
    height: 40px; 
    margin-right: 12px; 
}

.avatar-wrap img { 
    width: 100%; 
    height: 100%; 
    border-radius: 50%; 
    border: 1.5px solid #fff; 
}

.follow-btn { 
    position: absolute; 
    bottom: -2px; 
    left: 50%; 
    transform: translateX(-50%); 
    background: #ff0050; 
    color: #fff; 
    width: 16px; 
    height: 16px; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 12px; 
    font-weight: 900; 
    border: 1.5px solid #fff; 
}

/* Tên Agency */
.profile-info h5 { 
    color: #fff !important; 
    text-shadow: 2px 2px 5px rgba(0,0,0,1); 
    font-weight: 800; 
    margin: 0; 
    font-size: 10px; /* Theo yêu cầu thu nhỏ */
}

/* Mô tả sản phẩm */
.profile-info p { 
    color: #fff !important; 
    text-shadow: 2px 2px 5px rgba(0,0,0,1); 
    font-weight: 600; 
    margin: 0; 
    font-size: 12px; /* Theo yêu cầu thu nhỏ */
    opacity: 0.9;
}

.price-tag-real { 
    color: #fff !important; 
    text-shadow: 2px 2px 5px rgba(0,0,0,1); 
    font-weight: 800; 
    margin: 5px 0 0; 
    font-size: 14px;
}

/* ==========================================================================
   NÚT BẤM & TƯƠNG TÁC (HOVER EFFECTS)
   ========================================================================== */

/* 1. Nút Mua hàng chính */
.cta-apple-live { 
    background: #ff0050; 
    color: #fff !important; 
    text-align: center; 
    padding: 10px; 
    border-radius: 15px; 
    font-weight: 800; 
    display: block; 
    margin-top: 10px; 
    text-decoration: none; 
    box-shadow: 0 5px 20px rgba(255, 0, 80, 0.4); 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

.cta-apple-live:hover { 
    background: #ff2d70 !important; 
    transform: scale(1.05); 
    box-shadow: 0 10px 25px rgba(255, 0, 80, 0.6); 
}

/* 2. Sidebar Icons (Tim, Share, Comment) */
.side-interaction { 
    position: absolute; 
    right: 5px; 
    bottom: 200px; 
    display: flex; 
    flex-direction: column; 
    gap: 10px; 
    align-items: center; 
    color: #fff; 
}

.side-icon { 
    transition: all 0.2s ease; 
    cursor: pointer; 
}

.side-icon i { 
    font-size: 18px; 
    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.8)); 
    font-style: normal; /* Ép icon đứng thẳng */
}

.side-icon span { font-size: 10px; font-weight: 700; text-shadow: 1px 1px 2px #000; }

.side-icon:hover { transform: translateX(-5px); }
.side-icon:hover i { color: #ff0050 !important; filter: drop-shadow(0 0 8px rgba(255, 0, 80, 0.8)); }

/* 3. Nút mờ hệ thống (Âm thanh/Full màn) */
.btn-ios { 
    background: rgba(255,255,255,0.2); 
    border: none; 
    color: #fff; 
    width: 34px; 
    height: 34px; 
    border-radius: 50%; 
    cursor: pointer; 
    backdrop-filter: blur(5px); 
    margin-left: 5px; 
    transition: all 0.2s ease;
}

.btn-ios:hover { 
    background: rgba(255, 255, 255, 0.4) !important; 
    transform: scale(1.1); 
}

/* ==========================================================================
   FOOTER & SHADOW
   ========================================================================== */
.home-indicator {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: rgba(255,255,255,0.4);
    border-radius: 10px;
}

.floor-shadow-real { 
    width: 240px; 
    height: 18px; 
    background: rgba(0,0,0,0.2); 
    border-radius: 50%; 
    filter: blur(12px); 
    margin-top: 25px; 
    transition: all 0.5s ease;
}

/* Khi hover iPhone nổi lên thì bóng thu nhỏ lại */
.phone-container-v99:hover .floor-shadow-real { 
    transform: scale(0.8); 
    opacity: 0.1; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f542738 *//* --- CONTAINER CHÍNH --- */
.premium-header-container {
    text-align: center;
    padding: 20px 20px;
    max-width: 900px;
    margin: 0 auto;
}

/* --- SUBTITLE: CĂN GIỮA & SANG TRỌNG --- */
.premium-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #ea3e67; /* Màu đỏ cam từ yêu cầu của bạn */
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.premium-subtitle::before, 
.premium-subtitle::after {
    content: "";
    height: 1px;
    width: 40px;
    background: #ea3e67;
    opacity: 0.4;
}

/* --- MAIN TITLE: GRADIENT & ANIMATION --- */
.premium-main-title {
    font-family: 'Roboto', sans-serif;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.2;
    color: #363795; /* Màu xanh đậm */
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* Chữ "Chiến Lược" nhấp nháy Gradient */
.highlight-text {
    background: linear-gradient(90deg, #363795, #6842ff, #ea3e67, #363795);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    animation: shineFlow 4s linear infinite;
}

@keyframes shineFlow {
    to { background-position: 200% center; }
}

.sub-main-title {
    font-size: 32px;
    font-weight: 400;
    color: #555;
    letter-spacing: 1px;
}

/* --- ĐƯỜNG PHÂN CÁCH INFINITY --- */
.divider-infinity-premium {
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #363795, #ea3e67);
    margin: 20px auto;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.divider-infinity-premium::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent);
    animation: sweep 2.5s infinite;
}

@keyframes sweep {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* --- MÔ TẢ NGẮN --- */
.premium-desc-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #666;
    line-height: 1.6;
    max-width: 650px;
    margin: 0 auto;
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 767px) {
    .premium-main-title { font-size: 36px; }
    .sub-main-title { font-size: 22px; }
    .premium-subtitle { letter-spacing: 2px; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df92a0d *//* --- STYLE CƠ BẢN CỦA NÚT --- */
.hero-text-box .hero-btn {
    display: inline-block;
    padding: 14px 35px; /* Độ dày nút */
    
    /* Màu nền: Cam Đỏ */
    background-color: #ea3e67 !important; 
    /* Màu chữ: Trắng */
    color: #ffffff !important;
    
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important; /* Bỏ gạch chân mặc định */
    letter-spacing: 1px;
    
    border-radius: 50px; /* Bo tròn hình viên thuốc */
    border: none;
    
    /* Đổ bóng nhẹ lúc bình thường */
    box-shadow: 0 4px 15px rgba(234, 62, 103, 0.3);
    
    /* Thời gian chuyển đổi hiệu ứng: 0.3 giây */
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

/* --- HIỆU ỨNG KHI DI CHUỘT (HOVER) --- */
.hero-text-box .hero-btn:hover {
    /* 1. Đổi màu nền sang Xanh Đậm (Primary Color) */
    background-color: #363795 !important;
    
    /* 2. Nút nổi lên trên một chút */
    transform: translateY(-5px);
    
    /* 3. Đổ bóng đậm hơn để tạo chiều sâu 3D */
    box-shadow: 0 10px 25px rgba(54, 55, 149, 0.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-53ee2ee *//* --- THIẾT LẬP KHỐI BAO QUANH (.impact-zone) --- */
.impact-zone {
    text-align: center; /* Căn giữa toàn bộ */
    padding: 0px 20px; /* Khoảng cách rộng rãi trên dưới */
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

/* 1. DÒNG PHỤ (Subtitle) */
.impact-subtitle {
    font-family: 'Roboto', sans-serif;
    color: #ea3e67; /* Màu Cam đỏ nhấn */
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 4px; /* Giãn chữ rộng cho sang */
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

/* 2. TIÊU ĐỀ CHÍNH (Title) - PHẦN QUAN TRỌNG NHẤT */
.impact-title {
    font-family: 'Roboto', sans-serif;
    /* Kích thước chữ cực lớn */
    font-size: 60px; 
    /* Độ dày cực lớn */
    font-weight: 900; 
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

/* --- HIỆU ỨNG GRADIENT AURORA CHUYỂN ĐỘNG --- */
.big-gradient-text {
    /* 1. Làm chữ trong suốt */
    color: transparent;
    -webkit-text-fill-color: transparent;
    
    /* 2. Tạo nền gradient phức hợp (Xanh đậm -> Tím -> Đỏ cam -> Vàng nhẹ -> Quay lại Xanh) */
    background-image: linear-gradient(
        to right, 
        #363795 0%, 
        #6842ff 25%, 
        #ea3e67 50%, 
        #ffb703 75%, 
        #363795 100%
    );
    
    /* 3. Kéo dãn nền ra 200% để có chỗ cho nó chạy */
    background-size: 200% auto;
    
    /* 4. Cắt nền theo khuôn chữ */
    background-clip: text;
    -webkit-background-clip: text;
    
    /* 5. Thêm bóng đổ nhẹ (Drop Shadow) để tạo chiều sâu 3D */
    /* Lưu ý: text-shadow không hoạt động khi chữ transparent, phải dùng filter */
    filter: drop-shadow(0px 5px 8px rgba(54, 55, 149, 0.25));
    
    /* 6. Kích hoạt chuyển động */
    animation: auroraFlow 8s linear infinite;
}

/* Tạo chuyển động cho nền gradient */
@keyframes auroraFlow {
    to {
        background-position: 200% center;
    }
}

/* 3. DÒNG MÔ TẢ (Description) */
.impact-desc {
    font-family: 'Open Sans', sans-serif;
    color: #475569; /* Màu xám hiện đại */
    font-size: 22px; /* Chữ to rõ ràng */
    font-weight: 400;
    max-width: 700px;
    margin: 0 auto 40px auto;
    line-height: 1.5;
}

/* 4. ĐƯỜNG GẠCH TRANG TRÍ */
.impact-divider {
    width: 80px;
    height: 4px;
    /* Gradient cho đường gạch */
    background: linear-gradient(to right, #363795, #ea3e67);
    margin: 0 auto;
    border-radius: 2px;
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 767px) {
    .impact-zone { padding: 40px 15px; }
    .impact-title { font-size: 42px; line-height: 1.2; } /* Giảm size trên mobile */
    .impact-subtitle { font-size: 13px; letter-spacing: 2px; }
    .impact-desc { font-size: 18px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61e38fe *//* --- CẤU HÌNH KHỐI DỊCH VỤ --- */
.service-card {
    position: relative; /* Làm mốc tọa độ để vẽ bóng */
    z-index: 1; /* Đảm bảo khối nằm trên bóng */
    
    /* Giao diện khối */
    background-color: #ffffff;
    padding: 50px 0px;
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,0.10);
    
    /* [QUAN TRỌNG] Tạo khoảng trống bên dưới để chứa cái bóng */
    /* Nếu không có dòng này, bóng sẽ đè lên nội dung bên dưới hoặc bị cắt mất */
    margin-bottom: 50px !important; 
    
    /* Chuyển động mượt mà */
    transition: transform 0.4s ease, border-color 0.4s ease;
}

/* --- VẼ CÁI BÓNG TÁCH RỜI Ở DƯỚI (MẤU CHỐT) --- */
.service-card::after {
    content: '';
    position: absolute;
    z-index: -1; /* Nằm sau lưng thẻ */
    
    /* Kích thước bóng: Nhỏ hơn thẻ chút xíu để tạo cảm giác bóng thật */
    width: 80%;
    height: 25px; /* Độ dày của bóng */
    left: 10%; /* Căn giữa (10% trái + 80% rộng + 10% phải) */
    
    /* [YÊU CẦU CỦA BẠN]: TẠO KHOẢNG CÁCH 5MM (Tầm 25px) */
    bottom: -45px; 
    
    /* Màu bóng: Dùng Gradient hình bầu dục để trung tâm đậm, rìa nhạt */
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%);
    
    /* Làm mờ thêm để trông mềm mại */
    filter: blur(2px);
    
    /* Chuyển động của bóng */
    transition: all 0.4s ease;
}

/* --- TRẠNG THÁI HOVER (DI CHUỘT VÀO) --- */
.service-card:hover {
    /* Khối bay lên cao thêm 10px nữa */
    transform: translateY(-10px);
    
    /* Đổi màu viền sang cam đỏ */
    border-color: #ea3e67;
}

/* Xử lý cái bóng khi Hover */
.service-card:hover::after {
    /* Khi khối bay lên cao, bóng ở dưới mặt đất sẽ mờ đi và nhỏ lại một chút (Vật lý thực tế) */
    opacity: 0.6;
    transform: scale(0.9);
}

/* Hiệu ứng phóng to ảnh bên trong */
.service-card:hover img {
    transform: scale(1.1);
    transition: transform 0.4s ease;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f5fd0a2 *//* --- KHỐI TRUNG TÂM ĐẶC BIỆT (.special-center-box) --- */
.special-center-box {
    text-align: center; /* Căn giữa toàn bộ */
    padding: 20px;
    max-width: 900px; /* Giới hạn chiều rộng để chữ không bị dàn trải */
    margin: 0 auto;   /* Căn giữa khối trong trang */
}

/* 1. DÒNG PHỤ (Subtitle) - CÓ 2 GẠCH TRANG TRÍ 2 BÊN */
.special-center-box h6.center-subtitle {
    color: #ea3e67 !important; /* Màu Cam Đỏ */
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
    
    /* Căn giữa và tạo Flex để làm gạch ngang */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* Khoảng cách giữa chữ và gạch */
}

/* Tạo đường gạch ngang 2 bên chữ cho sang trọng */
.special-center-box h6.center-subtitle::before,
.special-center-box h6.center-subtitle::after {
    content: "";
    display: block;
    width: 40px; /* Chiều dài gạch */
    height: 2px; /* Độ dày */
    background-color: #ea3e67;
    opacity: 0.3; /* Mờ nhẹ cho tinh tế */
}

/* 2. TIÊU ĐỀ CHÍNH (Title) */
.special-center-box h1.center-title {
    color: #363795 !important; /* Xanh Đậm */
    font-family: 'Roboto', sans-serif;
    font-size: 46px; /* Chữ to rõ */
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 25px;
}

/* 3. HIỆU ỨNG "GOOGLE STYLE" (MỚI & ĐỘC ĐÁO) */
.special-center-box .google-flash {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    
    /* Gradient mô phỏng 4 màu Google: Xanh - Đỏ - Vàng - Lục */
    background: linear-gradient(
        90deg, 
        #4285F4 0%, 
        #EA4335 30%, 
        #FBBC05 70%, 
        #34A853 100%
    ) !important;
    
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    font-weight: 900;
    cursor: pointer;
    display: inline-block;
    
    /* Hiệu ứng chuyển động nền liên tục nhẹ nhàng */
    animation: googleShine 3s linear infinite; 
}

/* Tạo animation cho màu chạy tự động (rất hút mắt) */
@keyframes googleShine {
    to {
        background-position: 200% center;
    }
}

/* Khi hover thì phóng to nhẹ */
.special-center-box .google-flash:hover {
    transform: scale(1.2); /* Phóng to 5% */
    transition: transform 0.3s ease;
}

/* 4. MÔ TẢ (Description) */
.special-center-box .center-desc {
    color: #555555 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    max-width: 800px; /* Để dòng chữ không quá dài khó đọc */
    margin: 0 auto; /* Căn giữa đoạn văn */
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 767px) {
    .special-center-box h1.center-title { font-size: 32px; }
    .special-center-box h6.center-subtitle { font-size: 11px; letter-spacing: 1px; }
    /* Giấu bớt gạch ngang trên mobile cho đỡ rối */
    .special-center-box h6.center-subtitle::before,
    .special-center-box h6.center-subtitle::after { width: 20px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-177920d *//* --- CẤU HÌNH THẺ MINI CARD (HIỆU ỨNG LINE CHẠY + SCALE) --- */

.mini-card {
    position: relative;
    /* 1. Bo góc và ẩn phần thừa (để cắt gọn đường line) */
    border-radius: 16px; 
    overflow: hidden; 
    
    /* Nền trong suốt (để nhường chỗ cho lớp phủ trắng bên dưới) */
    background: transparent; 
    
    /* Padding nội dung */
    padding: 25px 15px; 
    
    /* 2. BÓNG ĐỔ TĨNH (KHI CHƯA HOVER) */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    
    /* Chuyển động mượt mà cho việc phóng to */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* Định vị lớp hiển thị */
    z-index: 1; 
}

/* --- TẠO LỚP NỀN TRẮNG BÊN TRONG (Thay thế nền background thường) --- */
.mini-card::after {
    content: '';
    position: absolute;
    /* Inset 2px: Để chừa ra 2px viền cho đường line chạy */
    inset: 2px; 
    background: #ffffff; /* Nền trắng nội dung */
    border-radius: 14px; 
    z-index: -1; /* Nằm sau nội dung chữ/ảnh */
}

/* --- TẠO ĐƯỜNG LINE CHẠY (Ẩn đi khi chưa Hover) --- */
.mini-card::before {
    content: '';
    position: absolute;
    /* Phủ rộng gấp đôi để khi quay không bị hụt */
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    
    /* Dải màu quét: Trong suốt -> Cam đỏ */
    background: conic-gradient(
        transparent, 
        transparent, 
        transparent, 
        #ea3e67
    );
    
    /* Hiệu ứng quay */
    animation: rotate-border 3s linear infinite;
    
    opacity: 0; /* Mặc định ẩn */
    z-index: -2; /* Nằm dưới cùng */
    transition: opacity 0.4s ease;
}

/* --- TRẠNG THÁI KHI DI CHUỘT (HOVER) --- */
.mini-card:hover {
    /* 1. Đưa lên lớp trên cùng để không bị che */
    z-index: 100;
    
    /* 2. Phóng to 5% và bay lên 10px */
    transform: scale(1.05) translateY(-10px);
    
    /* 3. Tăng độ đậm bóng đổ */
    box-shadow: 0 20px 40px rgba(54, 55, 149, 0.15);
}

/* Hiện đường line chạy khi hover */
.mini-card:hover::before {
    opacity: 1; 
}

/* --- KHUNG HOẠT HÌNH QUAY TRÒN --- */
@keyframes rotate-border {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Hiệu ứng phụ: Icon bên trong phóng to */
.mini-card:hover img {
    transform: scale(1.1);
    transition: transform 0.4s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-414aa28 *//* --- NÚT GRADIENT (CÓ BÓNG ĐỔ SẴN) --- */
.btn-pro-gradient .elementor-button {
    /* Màu nền gradient */
    background-image: linear-gradient(135deg, #ea3e67 0%, #ff6b81 100%) !important;
    
    /* [MỚI] TẠO BÓNG ĐỔ NGAY TỪ ĐẦU */
    /* Bóng màu cam đỏ, mờ 40% */
    box-shadow: 0 5px 15px rgba(234, 62, 103, 0.4) !important;
    
    /* Các thiết lập khác */
    border-radius: 50px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    transition: all 0.4s ease !important;
}

/* KHI HOVER (Bóng đổ đậm hơn & nút bay lên) */
.btn-pro-gradient .elementor-button:hover {
    transform: translateY(-3px);
    /* Bóng đổ lan rộng hơn */
    box-shadow: 0 10px 25px rgba(234, 62, 103, 0.6) !important;
    background-image: linear-gradient(135deg, #ff6b81 0%, #ea3e67 100%) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-870580a *//* Container chính căn giữa */
.client-spotlight-section {
    text-align: center;
    padding: 50px 20px;
    max-width: 1100px;
    margin: 0 auto;
}

.spotlight-main-title {
    color: #363795; /* Màu xanh từ thiết kế của bạn */
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.spotlight-subtitle {
    color: #666;
    font-size: 16px;
    margin-bottom: 40px;
}

/* Dàn hàng 6 logo */
.logos-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px; /* Khoảng cách giữa các logo */
}

.logo-item {
    flex: 0 1 calc(16.66% - 40px); /* Chia đều 6 cột */
    min-width: 120px;
    display: flex;
    justify-content: center;
}

.logo-item img {
    max-width: 100%;
    height: 35px; /* Giới hạn chiều cao để đồng bộ */
    object-fit: contain;
    filter: grayscale(100%); /* Biến logo thành màu xám */
    opacity: 0.6;
    transition: all 0.3s ease; /* Hiệu ứng mượt mà */
}

/* Hiệu ứng khi di chuột vào: Hiện màu và nổi bật */
.logo-item img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1); /* Phóng to nhẹ */
}

/* Tối ưu cho Mobile (Hiển thị 2-3 cột) */
@media (max-width: 768px) {
    .logo-item {
        flex: 0 1 calc(33.33% - 20px);
    }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-35743db */.review-glass-container {
    position: relative;
    max-width: 900px;
    margin: 40px auto;
    padding: 50px;
    border-radius: 24px;
    
    /* Hiệu ứng nền kính mờ Gradient */
    background: linear-gradient(135deg, rgba(54, 55, 149, 0.9), rgba(104, 66, 255, 0.8));
    backdrop-filter: blur(20px); /* Làm mờ nền phía sau */
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    overflow: hidden;
    color: #fff;
    text-align: center;
}

/* Icon Quote nền */
.quote-icon-bg {
    position: absolute;
    top: -20px;
    left: 20px;
    font-size: 150px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.05); /* Rất mờ */
    font-family: serif;
    pointer-events: none;
}

/* Sao đánh giá */
.stars {
    color: #ffb703; /* Màu vàng sao */
    font-size: 24px;
    letter-spacing: 5px;
    margin-bottom: 20px;
}

/* Nội dung text */
.review-text {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

/* Thông tin người review */
.reviewer-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

/* Avatar phát sáng */
.avatar-glow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 15px rgba(104, 66, 255, 0.6); /* Hiệu ứng tỏa sáng */
    object-fit: cover;
}

.reviewer-detail {
    text-align: left;
}

.reviewer-detail .name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.reviewer-detail .role {
    font-size: 14px;
    opacity: 0.8;
    font-weight: 300;
}.review-glass-container {
    position: relative;
    max-width: 900px;
    margin: 40px auto;
    padding: 50px;
    border-radius: 24px;
    
    /* Hiệu ứng nền kính mờ Gradient */
    background: linear-gradient(135deg, rgba(54, 55, 149, 0.9), rgba(104, 66, 255, 0.8));
    backdrop-filter: blur(20px); /* Làm mờ nền phía sau */
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    overflow: hidden;
    color: #fff;
    text-align: center;
}

/* Icon Quote nền */
.quote-icon-bg {
    position: absolute;
    top: -20px;
    left: 20px;
    font-size: 150px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.05); /* Rất mờ */
    font-family: serif;
    pointer-events: none;
}

/* Sao đánh giá */
.stars {
    color: #ffb703; /* Màu vàng sao */
    font-size: 24px;
    letter-spacing: 5px;
    margin-bottom: 20px;
}

/* Nội dung text */
.review-text {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

/* Thông tin người review */
.reviewer-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

/* Avatar phát sáng */
.avatar-glow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 15px rgba(104, 66, 255, 0.6); /* Hiệu ứng tỏa sáng */
    object-fit: cover;
}

.reviewer-detail {
    text-align: left;
}

.reviewer-detail .name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.reviewer-detail .role {
    font-size: 14px;
    opacity: 0.8;
    font-weight: 300;
}.review-glass-container {
    position: relative;
    max-width: 900px;
    margin: 40px auto;
    padding: 50px;
    border-radius: 24px;
    
    /* Hiệu ứng nền kính mờ Gradient */
    background: linear-gradient(135deg, rgba(54, 55, 149, 0.9), rgba(104, 66, 255, 0.8));
    backdrop-filter: blur(20px); /* Làm mờ nền phía sau */
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    overflow: hidden;
    color: #fff;
    text-align: center;
}

/* Icon Quote nền */
.quote-icon-bg {
    position: absolute;
    top: -20px;
    left: 20px;
    font-size: 150px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.05); /* Rất mờ */
    font-family: serif;
    pointer-events: none;
}

/* Sao đánh giá */
.stars {
    color: #ffb703; /* Màu vàng sao */
    font-size: 24px;
    letter-spacing: 5px;
    margin-bottom: 20px;
}

/* Nội dung text */
.review-text {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

/* Thông tin người review */
.reviewer-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

/* Avatar phát sáng */
.avatar-glow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 15px rgba(104, 66, 255, 0.6); /* Hiệu ứng tỏa sáng */
    object-fit: cover;
}

.reviewer-detail {
    text-align: left;
}

.reviewer-detail .name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.reviewer-detail .role {
    font-size: 14px;
    opacity: 0.8;
    font-weight: 300;
}/* End custom CSS */