.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-31 .elementor-element.elementor-element-6b87ead{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-6b87ead.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-image-carousel .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-carousel .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-31 .elementor-element.elementor-element-f717232{--e-image-carousel-slides-to-show:1;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-f717232.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-edb45a9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-31 .elementor-element.elementor-element-e8a5838{--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-e8a5838.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-305b8f0{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-ce951c8{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-ce951c8.e-con{--align-self:flex-start;}.elementor-31 .elementor-element.elementor-element-25ad197{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-8e6dd75{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .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-widget-loop-grid .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-31 .elementor-element.elementor-element-ec9c319{--grid-columns:1;--grid-row-gap:5px;--grid-column-gap:0px;}.elementor-31 .elementor-element.elementor-element-ec9c319 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-67020d0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-2dd6dc9{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-d652c28{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-d652c28.elementor-element{--align-self:stretch;}.elementor-31 .elementor-element.elementor-element-5005476{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-31 .elementor-element.elementor-element-12c8f25 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-widget-icon-list .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-1fd9233{width:var( --container-widget-width, 106.482% );max-width:106.482%;--container-widget-width:106.482%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31 .elementor-element.elementor-element-1fd9233.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-1fd9233 .elementor-icon-list-icon i{color:#141cd4;transition:color 0.3s;}.elementor-31 .elementor-element.elementor-element-1fd9233 .elementor-icon-list-icon svg{fill:#141cd4;transition:fill 0.3s;}.elementor-31 .elementor-element.elementor-element-1fd9233 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31 .elementor-element.elementor-element-1fd9233 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;}.elementor-31 .elementor-element.elementor-element-1fd9233 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31 .elementor-element.elementor-element-06ac8b5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-b3a2772{padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-8dc4b69{--grid-columns:3;}.elementor-31 .elementor-element.elementor-element-8dc4b69 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-ea91ebe{--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-31 .elementor-element.elementor-element-aaf5740{--e-image-carousel-slides-to-show:5;}.elementor-31 .elementor-element.elementor-element-aaf5740 .swiper-wrapper{display:flex;align-items:center;}.elementor-31 .elementor-element.elementor-element-aaf5740 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-305b8f0{--width:75%;}.elementor-31 .elementor-element.elementor-element-ce951c8{--width:100%;}.elementor-31 .elementor-element.elementor-element-2dd6dc9{--width:25%;}}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-ec9c319{--grid-columns:2;}.elementor-31 .elementor-element.elementor-element-8dc4b69{--grid-columns:2;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-ec9c319{--grid-columns:1;}.elementor-31 .elementor-element.elementor-element-8dc4b69{--grid-columns:1;}}.elementor-31 .elementor-element.elementor-element-7683e17 {  }
/* Start custom CSS for container, class: .elementor-element-8e6dd75 *//* --- 1. THIẾT LẬP KHUNG CUỘN DỌC --- */
.elementor-31 .elementor-element.elementor-element-8e6dd75 {
    /* QUAN TRỌNG: Giới hạn chiều cao */
    max-height: 800px; /* Bạn chỉnh số này để hiện 2-3 thẻ tùy ý */
    
    overflow-y: auto; /* Bắt buộc: Tự hiện thanh cuộn khi nội dung dài */
    overflow-x: hidden; /* Ẩn thanh cuộn ngang */
    
    padding-right: 15px; /* Tạo khoảng cách để nội dung không dính vào thanh cuộn */
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* --- 2. LÀM ĐẸP THANH CUỘN (Scrollbar Style) --- */

/* Độ rộng của thanh cuộn */
.elementor-31 .elementor-element.elementor-element-8e6dd75::-webkit-scrollbar {
    width: 8px; /* Thanh mảnh, tinh tế */
}

/* Rãnh trượt (Track) - Nền xám nhạt */
.elementor-31 .elementor-element.elementor-element-8e6dd75::-webkit-scrollbar-track {
    background: #f1f5f9; 
    border-radius: 10px;
    margin: 10px 0; /* Cách 2 đầu trên dưới một chút */
}

/* Tay cầm (Thumb) - MÀU XANH DUE */
.elementor-31 .elementor-element.elementor-element-8e6dd75::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0054a6 0%, #003870 100%); /* Gradient xanh sang trọng */
    border-radius: 10px; /* Bo tròn */
    border: 2px solid #f1f5f9; /* Viền trắng để tạo cảm giác tách biệt */
}

/* Hiệu ứng khi di chuột vào thanh cuộn - CHUYỂN CAM */
.elementor-31 .elementor-element.elementor-element-8e6dd75::-webkit-scrollbar-thumb:hover {
    background: #f68e1e; /* Cam DUE */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d652c28 *//* --- 1. KHUNG BAO NGOÀI (BOX STYLE) --- */
.sidebar-support {
    background-color: #ffffff !important; /* QUAN TRỌNG: NỀN TRẮNG */
    border-radius: 12px; /* Bo góc */
    padding: 25px 20px; /* Khoảng cách lề trong */
    
    /* Đổ bóng và viền y hệt cái trên */
    box-shadow: 0 5px 20px rgba(0, 84, 166, 0.05);
    border: 1px solid rgba(0, 84, 166, 0.1);
    
    margin-top: 20px; /* Cách hộp trên ra một chút */
    transition: all 0.3s ease;
}

/* Hover vào thì nổi lên */
.sidebar-support:hover {
    box-shadow: 0 10px 30px rgba(0, 84, 166, 0.15);
    border-color: #00b14f; /* Viền chuyển xanh lá */
}

/* --- 2. TIÊU ĐỀ (Gạch chân Gradient) --- */
.support-heading {
    margin: 0 0 20px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #0054a6; /* Xanh DUE */
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
    position: relative;
}

.support-heading::after {
    content: '';
    position: absolute;
    bottom: -2px; left: 0;
    width: 60px; height: 3px;
    /* Gradient Xanh Lá -> Xanh Dương */
    background: linear-gradient(90deg, #00b14f 0%, #0054a6 100%);
    border-radius: 2px;
}

/* --- 3. NÚT ZALO (CARD) --- */
.support-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f8fafc; /* Nền xám xanh nhẹ */
    padding: 12px 15px;
    border-radius: 10px;
    margin-bottom: 12px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

/* Ảnh Zalo nhỏ gọn */
.support-item img {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain;
    flex-shrink: 0;
}

/* Chữ trong nút */
.support-text {
    display: flex; flex-direction: column;
}
.support-text span {
    font-size: 11px; color: #64748b; font-weight: 600; text-transform: uppercase;
}
.support-text strong {
    font-size: 13px; color: #0054a6; font-family: 'Montserrat', sans-serif; line-height: 1.3;
}

/* Hover nút Zalo */
.support-item:hover {
    background: #ffffff;
    border-color: #00b14f;
    box-shadow: 0 5px 15px rgba(0, 177, 79, 0.1);
    transform: translateX(3px);
}
.support-item:hover strong { color: #00b14f; }

/* --- 4. HOTLINE --- */
.support-hotline {
    margin-top: 20px; padding-top: 15px;
    border-top: 1px dashed #e2e8f0;
    text-align: center;
}
.support-hotline p {
    font-size: 11px; text-transform: uppercase; color: #64748b; margin-bottom: 8px; font-weight: 700;
}

/* Nút Gọi Gradient */
.hotline-btn {
    display: block;
    background: linear-gradient(90deg, #00b14f 0%, #0054a6 100%);
    color: #ffffff !important;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px; font-weight: 800;
    padding: 12px 0; border-radius: 30px;
    box-shadow: 0 4px 15px rgba(0, 84, 166, 0.2);
    transition: all 0.3s ease;
}
.hotline-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 177, 79, 0.3);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5005476 *//* --- 1. KHUNG HỘP (Giữ nguyên cấu trúc cũ) --- */
.elementor-31 .elementor-element.elementor-element-5005476 {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px 20px;
    box-shadow: 0 5px 20px rgba(0, 84, 166, 0.05);
    border: 1px solid rgba(0, 84, 166, 0.1);
    margin-bottom: 20px;
    transition: all 0.3s ease;
}
.elementor-31 .elementor-element.elementor-element-5005476:hover {
    box-shadow: 0 10px 30px rgba(0, 84, 166, 0.15);
    border-color: #00b14f;
}

/* --- 2. TIÊU ĐỀ (GẠCH CHÂN XANH LÁ - XANH DƯƠNG) --- */
.elementor-31 .elementor-element.elementor-element-5005476 .elementor-widget-heading .elementor-heading-title {
    color: #0054a6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #f1f5f9;
    position: relative;
    display: block;
}
.elementor-31 .elementor-element.elementor-element-5005476 .elementor-widget-heading .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: -2px; left: 0;
    width: 80px; height: 3px;
    /* Gradient chuẩn Xanh lá -> Xanh dương */
    background: linear-gradient(90deg, #00b14f 0%, #0054a6 100%);
    border-radius: 2px;
}

/* --- 3. CĂN CHỈNH DÒNG --- */
.elementor-31 .elementor-element.elementor-element-5005476 .elementor-icon-list-item {
    padding: 12px 0 !important; /* Khoảng cách thoáng hơn */
    border-bottom: 1px dashed #e2e8f0;
    transition: all 0.3s ease;
    align-items: center !important; /* Căn giữa dọc icon và chữ */
}
.elementor-31 .elementor-element.elementor-element-5005476 .elementor-icon-list-item:last-child {
    border-bottom: none;
}

/* --- 4. ICON (XỬ LÝ ĐẸP Ở ĐÂY) --- */
.elementor-31 .elementor-element.elementor-element-5005476 .elementor-icon-list-icon i {
    /* Màu mặc định: Xanh Dương DUE */
    color: #0054a6 !important; 
    font-size: 16px !important;
    
    /* Tạo hình tròn nền xanh nhạt */
    background: rgba(0, 84, 166, 0.1); 
    width: 36px; height: 36px; /* Kích thước tròn */
    line-height: 36px; /* Căn giữa icon trong vòng tròn */
    text-align: center;
    border-radius: 50%; /* Bo tròn tuyệt đối */
    margin-right: 12px; /* Cách chữ ra */
    
    transition: all 0.4s ease; /* Hiệu ứng mượt */
}

/* --- 5. CHỮ (TEXT) --- */
.elementor-31 .elementor-element.elementor-element-5005476 .elementor-icon-list-text {
    color: #475569 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.3s ease;
}

/* --- 6. HIỆU ỨNG HOVER (DI CHUỘT VÀO) --- */

/* Chữ chuyển sang màu Xanh Lá */
.elementor-31 .elementor-element.elementor-element-5005476 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #00b14f !important;
    padding-left: 5px; /* Trượt nhẹ sang phải */
}

/* ICON BIẾN HÌNH: Nền Gradient Xanh Lá - Xanh Dương */
.elementor-31 .elementor-element.elementor-element-5005476 .elementor-/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-aaf5740 */.elementor-31 .elementor-element.elementor-element-aaf5740 .slick-slide img,
.elementor-31 .elementor-element.elementor-element-aaf5740 .swiper-slide img {
    /* Trạng thái bình thường: mượt mà */
    transition: all 0.3s ease; 
    transform: scale(1);
}

.elementor-31 .elementor-element.elementor-element-aaf5740 .slick-slide img:hover,
.elementor-31 .elementor-element.elementor-element-aaf5740 .swiper-slide img:hover {
    /* Khi di chuột vào: logo sẽ nổi lên (phóng to nhẹ) */
    transform: scale(1.1); 
    /* Tạo bóng đổ glowing màu xanh DUE để "Wow" */
    filter: drop-shadow(0 4px 10px rgba(0, 84, 166, 0.3));
}/* End custom CSS */