.elementor-1273 .elementor-element.elementor-element-4a0db80{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1273 .elementor-element.elementor-element-4a0db80:not(.elementor-motion-effects-element-type-background), .elementor-1273 .elementor-element.elementor-element-4a0db80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1273 .elementor-element.elementor-element-e49440f > .elementor-widget-container{margin:0px 0px 10px 0px;padding:30px 0px 0px 0px;}.elementor-1273 .elementor-element.elementor-element-e49440f{text-align:center;}.elementor-1273 .elementor-element.elementor-element-e49440f .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:3rem;font-weight:700;text-transform:capitalize;line-height:1.1em;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 > .elementor-widget-container{padding:40px 0px 40px 0px;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy{display:flex;gap:5px;justify-content:center;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .slick-track{gap:5px;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy_item{text-align:inherit;padding:10px 10px 10px 10px;border-style:solid;border-width:0px 0px 0px 0px;margin:0px 0px 0px 0px;font-size:16px;color:var( --e-global-color-0b1931c );background-color:var( --e-global-color-6379f3b );}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy_item:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-6379f3b );}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .uc-selected{color:var( --e-global-color-primary );background-color:var( --e-global-color-6379f3b );}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy_item_icon_spacer{width:10px;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy_item_icon{font-size:20px;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy_item_num_posts_spacer{width:20px;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy_toggle_icon{width:40px;height:40px;font-size:20px;background-color:#8f8f8f;color:#ffffff;border-radius:5px 5px 5px 5px;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy_toggle_icon svg{fill:#ffffff;}.elementor-1273 .elementor-element.elementor-element-3e1cfae > .elementor-widget-container{margin:50px 0px 0px 0px;padding:30px 0px 0px 0px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_grid_style_one_wrap{grid-gap:0px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue_post_grid{grid-template-columns:repeat(2, minmax(0, 1fr));text-align:center;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_grid_style_one_item{overflow:hidden;border-radius:0px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue_p_title{justify-content:center;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_content{padding:0px 0px 0px 0px;background-color:var( --e-global-color-6379f3b );border-radius:0px 0px 8px 8px;box-shadow:0px 0px 10px 0px rgba(69.69999999999999, 44.94040081521738, 44.94040081521738, 0.5);border-style:solid;border-width:2px 2px 2px 2px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_image{height:300px;background-color:var( --e-global-color-c1edc4a );border-radius:0px 0px 0px 0px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_image img{height:300px;object-fit:Cover;object-position:Top;transform:scale(100%);}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue-grid-item-category a{color:#ffffff;background-color:#545454;padding:3px 5px 3px 5px;border-radius:3px 3px 3px 3px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue-grid-item-category{margin-top:0px;text-align:left;transform:translate(0, 0px);}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_title a{color:var( --e-global-color-secondary );}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_title a > *{color:var( --e-global-color-secondary );}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_title a,.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_title a > *{font-size:23px;font-weight:700;text-transform:uppercase;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_title{margin-top:0px;min-height:0px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue-grid-item-meta-data{color:var( --e-global-color-0b1931c );gap:5px;width:auto;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue-grid-item-meta-data svg{fill:var( --e-global-color-0b1931c );}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue-meta-data{margin-top:0px;gap:10px;justify-content:flex-start;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue-grid-item-meta-data-avatar img{width:30px;height:30px;display:inline-flex;border-radius:100px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_text{color:var( --e-global-color-0b1931c );margin-top:10px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#000000;color:#ffffff;margin-top:10px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_more_btn svg{fill:#ffffff;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1273 .elementor-element.elementor-element-e49440f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1273 .elementor-element.elementor-element-e49440f .elementor-heading-title{font-size:2rem;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_image{height:200px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_image img{height:200px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_title a,.elementor-1273 .elementor-element.elementor-element-3e1cfae .uc_post_title a > *{font-size:18px;}}@media(max-width:767px){.elementor-1273 .elementor-element.elementor-element-e49440f .elementor-heading-title{font-size:1.5rem;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-1273 .elementor-element.elementor-element-c8ea0c6 .ue_taxonomy_item{padding:04px 10px 4px 10px;border-width:1px 1px 1px 1px;border-radius:12px 12px 12px 12px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1273 .elementor-element.elementor-element-3e1cfae .ue_post_grid{grid-template-columns:repeat(1, minmax(0, 1fr));}}/* Start custom CSS for ucaddon_ue_buttons_post_filter, class: .elementor-element-c8ea0c6 */@media screen and (min-width: 1024px) {
    /* Style the container */
#uc_ue_buttons_post_filter_elementor_c8ea0c6 {
    display: flex;
    justify-content: space-between; /* Evenly space the timeline items */
    align-items: center;
    position: relative;
    padding: 40px 0; /* Increased padding for better spacing */
}

/* Create the horizontal orange timeline line */
#uc_ue_buttons_post_filter_elementor_c8ea0c6::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #F15A29;
    z-index: 1;
}

/* Style each timeline item */
.ue_taxonomy_item {
    position: relative;
    flex: 1; /* Each item takes equal width */
    text-align: center;
}

/* Add the orange dot for each timeline point */
.ue_taxonomy_item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #F15A29;
    border-radius: 50%;
    z-index: 2;
}

/* Vertical line for odd items (label above) */
.ue_taxonomy_item:nth-child(odd)::after {
    content: '';
    position: absolute;
    top: 0;
    height: 50%; /* Extiteral: Line extends from top to dot */
    left: 50%;
    width: 2px;
    background-color: #F15A29;
    transform: translateX(-50%);
}

/* Vertical line for even items (label below) */
.ue_taxonomy_item:nth-child(even)::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 50%; /* Line extends from bottom to dot */
    left: 50%;
    width: 2px;
    background-color: #F15A29;
    transform: translateX(-50%);
}

/* Style the label content */
.ue_taxonomy_item .ue_taxonomy_item_content {
    position: absolute;
    width: 100%;
    left: 0px;
    text-align: center;
    color: white; /* White text for contrast */
}

/* Position labels above for odd items */
.ue_taxonomy_item:nth-child(odd) .ue_taxonomy_item_content {
    top: 0;
    transform: translateY(-100%); /* Move label above the vertical line */
}

/* Position labels below for even items */
.ue_taxonomy_item:nth-child(even) .ue_taxonomy_item_content {
    bottom: 0;
    transform: translateY(100%); /* Move label below the vertical line */
}
}



@media screen and (max-width: 767px) {
.filter {
    max-width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
}
    
}/* End custom CSS */
/* Start custom CSS for ucaddon_post_grid, class: .elementor-element-3e1cfae */.uc_post_title {
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*left: 30px;*/
    text-align: left;
}

.uc-posts-pagination {
    text-align: center;
}

#uc_post_grid_elementor_3e1cfae .uc_post_grid_style_one_item {
  position: relative; 
}

#uc_post_grid_elementor_3e1cfae .uc_post_grid_style_one_item::before {
  content: ''; /* Bắt buộc để pseudo-element hiển thị */
  position: absolute; /* Định vị tuyệt đối trong div */
  bottom: 0px; /* Đặt bên ngoài div để giống border (độ dày 2px) */
  right: 0; /* Căn sang phải ban đầu */
  width: 0; /* Chiều rộng ban đầu là 0 */
  height: 5px; /* Độ dày của "đường viền" */
  background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 37%, rgba(252,176,69,1) 100%);
  transition: width 0.8s ease; /* Hiệu ứng chuyển động mượt mà trong 0.5 giây */
}

#uc_post_grid_elementor_3e1cfae .uc_post_grid_style_one_item:hover::before {
  width: 100%; /* Khi hover, chiều rộng tăng lên 100%, mở rộng từ phải sang trái */
}


#uc_post_grid_elementor_3e1cfae .uc_post_grid_style_one_item::after {
  content: ''; /* Bắt buộc để pseudo-element hiển thị */
  position: absolute; /* Định vị tuyệt đối trong div */
  top: -2px; /* Đặt bên ngoài div để giống border (độ dày 2px) */
  right: 0; /* Căn sang phải ban đầu */
  width: 0; /* Chiều rộng ban đầu là 0 */
  height: 5px; /* Độ dày của "đường viền" */
  background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 37%, rgba(252,176,69,1) 100%);
  transition: width 0.8s ease; /* Hiệu ứng chuyển động mượt mà trong 0.5 giây */
}

#uc_post_grid_elementor_3e1cfae .uc_post_grid_style_one_item:hover::after {
  width: 100%; /* Khi hover, chiều rộng tăng lên 100%, mở rộng từ phải sang trái */
}/* End custom CSS */