.elementor-21877 .elementor-element.elementor-element-aa8c59c{--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;--background-transition:0.3s;}.elementor-21877 .elementor-element.elementor-element-82f6c2b{--display:flex;--min-height:454px;--background-transition:0.3s;}.elementor-21877 .elementor-element.elementor-element-82f6c2b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tabs-wrapper{width:28%;}.elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tab-title, .elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tab-title:before, .elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tab-title:after, .elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tab-content, .elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tabs-content-wrapper{border-width:0px;}.elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tab-title{font-family:"Roboto", Sans-serif;font-weight:600;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-21877 .elementor-element.elementor-element-f4f388f > .elementor-widget-container{border-style:none;}@media(min-width:768px){.elementor-21877 .elementor-element.elementor-element-82f6c2b{--width:100%;}}/* Start custom CSS for tabs, class: .elementor-element-f4f388f *//* 1. Tùy chỉnh trạng thái bình thường của tiêu đề Tab */
.elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tab-title {
    border-bottom: 1px solid #eee; /* Đường kẻ mờ ngăn cách */
    transition: all 0.3s ease;
    padding: 15px !important;
}

/* 2. Hiệu ứng khi Hover (Di chuột vào) */
.elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tab-title:hover {
    background-color: #f9f9f9; 
    color: #d32f2f; /* Màu đỏ giống trong ảnh của bạn */
    padding-left: 20px !important; /* Hiệu ứng dịch chuyển nhẹ sang phải */
}

/* 3. Hiệu ứng cho Tab đang được mở (Active) */
.elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tab-title.elementor-active {
    color: #d32f2f !important; /* Chữ chuyển sang màu đỏ */
    font-weight: bold;
    border-left: 4px solid #d32f2f; /* Thêm vạch đỏ bên trái để làm nổi bật */
    background-color: #fff;
}

/* 4. Ẩn đường viền mặc định của Elementor nếu cần */
.elementor-21877 .elementor-element.elementor-element-f4f388f .elementor-tabs-wrapper {
    border: none !important;
}/* End custom CSS */