/* TCEX Custom Style - v1.5.6 */
/* ===============================
   SF Pro Display - Custom Fonts
   Domain: stag-live.tcex.com.vn
   =============================== */

/* Light (300) */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/wp-content/themes/tcex/assets/fonts/sf/SF-Pro-Display-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Light Italic (300 italic) */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/wp-content/themes/tcex/assets/fonts/sf/SF-Pro-Display-Light-Italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular (400) */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/wp-content/themes/tcex/assets/fonts/sf/SF-Pro-Display-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium (500) */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/wp-content/themes/tcex/assets/fonts/sf/SF-Pro-Display-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* SemiBold (600) */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/wp-content/themes/tcex/assets/fonts/sf/SF-Pro-Display-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/wp-content/themes/tcex/assets/fonts/sf/SF-Pro-Display-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Heavy (800) */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/wp-content/themes/tcex/assets/fonts/sf/SF-Pro-Display-Heavy.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ===============================
   Global Font Family & Fallbacks
   =============================== */
:root {
  --wp--preset--font-family--body: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --wp--preset--font-family--heading: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html,
body {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fallback for browsers that can't load SF Pro */
@supports not (font-variation-settings: normal) {

  html,
  body {
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
}

/* Optional: fallback for specific elements if SF font fails */
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.menu-item {
  font-family: 'SF Pro Display', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.display-none{display:none!important;}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background: #f4f4f4;}
h3{font-weight:200;}
a {
    color: #c41c16;
    text-decoration: none;
    background-color: transparent;
}
.mark, mark{padding:0;}
h2.wp-block-heading, .wp-block-list li{font-weight: 400;}
.wp-block-details .wp-block-list li,
.wp-block-list.font-weight-300 li{font-weight: 300;}
.w100per img,
.col-w100per{width:100%!important;}
.h100per{height:100%;}
.footer-bottom-block{
    width: 100%;
    padding-top: 20px;
margin-top:20px;
}
.footer-bottom-block .wp-block-separator{width:100%;opacity:.3;}
.tcbs-news-header,.tcbs-breadcrumbs.tcbs-type-post, #tcbs-news-wrapper .headline-post
{
    background-color: #f4f4f4;
}
.section-top-style01 h1, .section-headline h1,
.section-top-style01 h2, .section-headline h2 {
    color: #333;
    text-transform: initial;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
    margin-bottom: 7px;
    font-weight: 400;
}
.headline p{font-size:20px;}
.wp-block-query-pagination>.wp-block-query-pagination-previous, .wp-block-query-pagination>.wp-block-query-pagination-next {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}
.tcbs-bullet-default .tech__bullet{
background-image: url(https://www.tcbs.com.vn/documents/392342/392848/tech-bullet.svg);
}
.tcbs-mention-btn{z-index:1;}
.block-flex-center{
align-items: center;
    justify-content: center;
    display: flex;
}
.bond-item-box h4, .tcs-item-box-df h4{font-weight:300;}
.flex-10auto{flex:1 0 auto;}
@keyframes rotate {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0);
      -ms-transform: translate(-50%, -50%) rotate(0);
      transform: translate(-50%, -50%) rotate(0)
    }

    100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -ms-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg)
    }
  }

  @-moz-keyframes rotate {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0);
      -ms-transform: translate(-50%, -50%) rotate(0);
      transform: translate(-50%, -50%) rotate(0)
    }

    100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -ms-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg)
    }
  }

  @-webkit-keyframes rotate {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0);
      -ms-transform: translate(-50%, -50%) rotate(0);
      transform: translate(-50%, -50%) rotate(0)
    }

    100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -ms-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg)
    }
  }
@keyframes rev-rotate {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -ms-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg)
    }

    100% {
      -webkit-transform: translate(-50%, -50%) rotate(0);
      -ms-transform: translate(-50%, -50%) rotate(0);
      transform: translate(-50%, -50%) rotate(0)
    }
  }

  @-webkit-keyframes rev-rotate {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -ms-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg)
    }

    100% {
      -webkit-transform: translate(-50%, -50%) rotate(0);
      -ms-transform: translate(-50%, -50%) rotate(0);
      transform: translate(-50%, -50%) rotate(0)
    }
  }

  @-moz-keyframes rev-rotate {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -ms-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg)
    }

    100% {
      -webkit-transform: translate(-50%, -50%) rotate(0);
      -ms-transform: translate(-50%, -50%) rotate(0);
      transform: translate(-50%, -50%) rotate(0)
    }
  }
/*Blank page*/
body.page-template-blank{
padding-top:0;
}
.page-template-blank .entry-content{
    padding: 0;
}
/*update 1025*/
.hide-block{display:none;}
.list-usecase_card_content p {
    font-size: 16px;
    width: 100%;
font-weight:300;
}
.tcbs-button-group {
  gap: 10px;
}
.tcbs-primary-button a:hover{color:#FFF;}
.tcbs-primary-button.tcbs-secondary a{
    background-color: #f5f5f5;
    color: #262626 !important;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}
.tcbs-primary-button.tcbs-secondary:hover a{
background-color: #bcbec0 !important;
    opacity: 80%;
color: #262626 !important;
}

.tcbs-tcanalysis .tcbs-tcanalysis-in a.findmore,
.tcbs-product-home .product-home-left a.findmore,
.tcbs-product-home.tcbs-zero-fee .product-home-left a.findmore,
.tcbs-tcwealth-home .tcwealth-home-in a {
  margin: 0;
}

#breadcrumbs nav.rank-math-breadcrumb .separator {
display:none;
}
#breadcrumbs nav.rank-math-breadcrumb a {
    text-decoration: none;
    color: #000000;
    background: url(/wp-content/uploads/2025/09/chevron_right_gray.svg);
    background-repeat: no-repeat;
    padding-right: 2rem;
    background-position: 100%;
    -webkit-filter: brightness(0) saturate(100%) invert(74%) sepia(0) saturate(512%) hue-rotate(88deg) brightness(89%) contrast(84%);
    filter: brightness(0) saturate(100%) invert(74%) sepia(0) saturate(512%) hue-rotate(88deg) brightness(89%) contrast(84%);
}
@media (max-width:767px) {
.tcbs-type-post#breadcrumbs nav.rank-math-breadcrumb{
padding-left:20px;
padding-right:20px;
}
.page-template.page-template-wp-custom-template-tcbs-home-1-2 #breadcrumbs{
        display: block;
        margin-left: 20px !important;
        margin-right: 20px !important;
}
#breadcrumbs nav.rank-math-breadcrumb p{
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    overflow-x: scroll;
    padding: 0;
    scrollbar-width: none;
    white-space: nowrap;
justify-content: left !important;
}
}
.grid-block-stats .grid-stat-item {
  padding-right: 20px;
}

.grid-block-stats .grid-stat-item>div:first-child {
  max-width: 64px;
}

.grid-block-stats .grid-stat-item>div:last-child hr,
.grid-block-stats .grid-stat-item>div:last-child p:last-child {
  margin-block-start: 12px;
}

.knowbase-icon a:before {
    display: inline-block;
    content: "";
    width: 31px !important;
    height: 31px !important;
    background: url(/wp-content/uploads/2025/12/knowledge.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.no-fee-icon:before {
    display: inline-block;
    content: "";
    width: 31px !important;
    height: 31px !important;
    background: url(/wp-content/uploads/2025/12/no-fee.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.no-fee-icon:hover:before, .no-fee-icon:hover:after {
    filter: none;
}

.mega-menu-block-banner.mega-type-img .mega-sub-menu .mega-menu-item {
  padding: 20px 25px 0 5px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

.mega-menu-block-banner.mega-type-img .mega-sub-menu .mega-menu-item a img,
.mega-menu-block-banner.mega-type-img .mega-sub-menu .mega-menu-item img {
  border-radius: 4px;
}
@media (max-width: 1024px){
.mega-menu-block-banner.mega-type-img .mega-sub-menu .mega-menu-item{
padding:10px !important;
}
}
#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 .mega-menu-link{
    display: flex !important;
    align-items: center;
}

#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    margin-left: 24px !important;
}

#mega-menu-max_mega_menu_20 .mega-sub-menu {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    transform: translateY(-20px) !important;
    opacity: 0 !important;
}

#mega-menu-max_mega_menu_20 .mega-toggle-on .mega-sub-menu {
    transform: translateY(0) !important;
    opacity: 1 !important;
}


#mega-menu-max_mega_menu_20 .mega-sub-menu {
    border-radius: 4px !important;
    transition: border-radius 0.3s ease-in-out !important;
}

#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
    background: #fff !important;
    width: auto;
    min-width: 180px;
}

#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child>a.mega-menu-link:before {
    content: '';
    display: inline-block;
    width: 86%;
    height: 1px;
    position: absolute;
    background: #cacaca;
    top: -10px;
}

#mega-menu-max_mega_menu_20 .mega-menu-item.mega-toggle-on>a{
	box-shadow: rgba(0, 0, 0, 0.05) 0 0 5px -1px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px !important;
    border-radius: 0;
}
#mega-menu-max_mega_menu_20 .mega-menu-item.mega-toggle-on .mega-sub-menu{
	box-shadow: rgba(0, 0, 0, 0.05) 0 0 5px -1px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px !important;
	border-radius: 0px !important;
	overflow: hidden !important;
	padding-top: 10px !important;
}
#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 > li.mega-menu-item > a.mega-menu-link{
	padding-top: 5px;
    padding-bottom: 5px;
    height: 40px !important;
    line-height: 38px !important;
}

@media screen and (max-width: 1024px) {
    .navigation_sub .mobile-menu>.mobile-main-nav.mobile-blank-nav {
        display: flex !important;
    }
    #mega-menu-wrap-max_mega_menu_20 .mega-menu-toggle + #mega-menu-max_mega_menu_20 {
        border-radius:8px;
    }
    #mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 > li.mega-menu-item {
    padding: 12px;
    border-radius: 8px;
    overflow: hidden;
}
#mega-menu-max_mega_menu_20 .mega-menu-item.mega-toggle-on>a,
#mega-menu-max_mega_menu_20 .mega-menu-item.mega-toggle-on .mega-sub-menu{box-shadow:none !important;}
#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    font-size: 16px;
    font-weight: 600;
    color: #a2a2a2;
    letter-spacing: 2px;
    line-height: 21px;
    padding-top: 6px;
    padding-bottom: 6px;
}
#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20>li.mega-menu-item.mega-toggle-on>a.mega-menu-link, #mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 > li.mega-menu-item > a.mega-menu-link{
font-size: 16px;
        color: #555;
        width: 100%;
        justify-content: space-between;
}
#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 > li.mega-menu-item > a.mega-menu-link span.mega-indicator{
display:block;
        width: 24px;
        height: 24px;
}
#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 > li.mega-menu-item > a.mega-menu-link span.mega-indicator::after {
        content: "";
        width: 24px;
        height: 24px;
        background: url(/wp-content/themes/tcbs/assets/images/arrow_up.svg);
        background-size: contain;
        background-repeat: no-repeat;
        margin: auto;
        display: block !important;
        position: absolute;
        top: 4px;
        right: 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
z-index: 9999;
width:24px;
height:24px;
}
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-max_mega_menu_20 #mega-menu-max_mega_menu_20 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
        content: " ";
    }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu .mega-indicator{
display:none;
}
.navigation_sub .mobile-menu>.mobile-main-nav.mobile-blank-nav .tcbs-nav-menu>div{

}
}

.homepage-color-text-ul-li {
  color: #333;
}

.homepage-color-text-ul-li li {
  font-weight: 400 !important;
}

/*box grid fund*/
.CCCBbox {
  margin: 20px 0;
  display: flex;
  align-items: flex-start;
}

.CCCBbox .CCCBbox-l {
  width: 120px;
  display: flex;
  justify-content: center;
  flex: 1 0 auto;
}

.CCCBbox-out .CCCBbox .CCCBbox-l svg {
  max-width: 100px;
  width: 100%;
}

.CCCBbox .CCCBbox-r {
  order: 2;
  flex: 1 1 auto;
}

.CCCBbox h3 {
  font-weight: bold;
  margin: 0 0 5px 0;
  font-size: 20px;
  font-family: 'SF-UI-Display-Regular';
  text-align: left;
}

.CCCBbox p {
  font-family: 'SF-UI-Display-Regular';
  margin-bottom: 0;
  z-index: 1;
  position: relative;
  font-size: 16px;
  text-align: justify;
}

.no-border .table th,
.no-border table th,
.no-border .table td,
.no-border table td {
  border-left-width: 0;
  border-right-width: 0;
  vertical-align: baseline;
}

.no-border table tbody tr:first-child td,
.no-border table thead tr th {
  border-top-width: 0
}

.no-border table tbody tr:last-child td,
.no-border table thead tr:last-child th {
  border-right-width: 0
}

.table-normal tr th,
.table-normal tr td {
  padding: 15px;
  transition: all .5s;
  position: relative;
  border-bottom: 1px solid #d8d8d8;
  font-size: 16px;
  line-height: 1.4;
  text-align: justify;
}

.table-normal tbody tr:first-child td {
  border-top: solid 1px #d8d8d8;
  margin-top: -1px
}

.table-normal thead+tbody tr:first-child td {
  border-top-width: 0
}

.table-normal tbody tr td:first-child {
  font-weight: bold;
}

.table-normal .table-full-mb tbody tr td:first-child {
  font-weight: normal;
}

.table-normal .table-full-mb tbody tr td {
  width: 33.33%;
}

.table-normal .table-full-mb tbody tr td.noborder {
  border-bottom: none;
}

.table-normal .table-full-mb tbody tr td h4 {
  border: none;
}

.table-normal .table-full-mb tbody tr td p {
  text-align: justify;
}

.box-member {
  border: 7px solid rgba(256, 256, 256, .3);
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 8px;
  overflow: hidden;
  padding: 10px;
  background-color: #f3f3f3;
  display: flex;
  cursor: pointer;
}

.box-member .mb-avt {
  width: 68px;
  display: flex;
  justify-content: center;
  flex: 1 0 auto;
  height: 68px;
}

.box-member .mb-avt img {
  width: 100%;
  border-radius: 50%;
}

.box-member .mb-detail {
  order: 2;
  flex: 1 1 auto;
  width: 100%;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.box-member .mb-detail h4 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 0;
}

.box-member .mb-detail p {
  margin-bottom: 0;
}

.modal-body .box-member {
  border: none;
  box-shadow: none;
  overflow: hidden;
  padding: 10px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
}

.modal-body .box-member .mb-avt {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  height: 140px;
}

.modal-body .box-member .mb-avt img {
  width: 140px;
}

.modal-body .box-member .mb-detail {
  width: 100%;
  margin-bottom: 15px;
  margin-left: 0;
  padding: 10px 20px;
  text-align: justify;
  font-size: 16px;
}

.f-listitems {
  list-style: none;
}

.f-listitems li {
  position: relative;
  padding: 15px 0;
}

.f-listitems li .flex02 {
  display: flex;
  width: 100%;
}

.f-listitems li .w65 {
  padding-left: 40px;
  width: 65%
}

.f-listitems li .w35 {
  width: 35%;
  padding-right: 30px;
  text-align: right;
}

.f-listitems li a {
  text-decoration: none;
}

.line-bottom {
  width: 100% !important;
  height: 1px !important;
  background: #a1a1a1;
  position: absolute;
  bottom: 0;
  left: 0;
  -o-transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.line-top {
  width: 100% !important;
  height: 1px !important;
  background: #a1a1a1;
  position: absolute;
  top: 0;
  left: 0;
  -o-transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.line-left {
  width: 1px !important;
  height: 100% !important;
  background: #a1a1a1;
  position: absolute;
  top: 0;
  left: 0;
  -o-transform: scaleX(.5);
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5)
}

.line-right {
  width: 1px !important;
  height: 100% !important;
  background: #a1a1a1;
  position: absolute;
  top: 0;
  right: 0;
  -o-transform: scaleX(.5);
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5)
}

.only-show-mb {
  display: none;
}

.modal-close {
  position: absolute;
  right: -15px;
  z-index: 2;
  top: -15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  text-align: center;
  background-color: rgba(0, 0, 0, .75);
}

.modal-close:before,
.modal-close:after {
  position: absolute;
  left: 19px;
  content: ' ';
  height: 16px;
  width: 2px;
  background-color: #ccc;
  top: 12px;
}

.modal-close:before {
  transform: rotate(45deg);
}

.modal-close:after {
  transform: rotate(-45deg);
}

.box-detailview .table-content {
  padding: 20px;
  width: 100%;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 8px;
}

.box-detailview .table-content p {
  font-family: SF-UI-Display-Light;
  font-size: 16px;
  text-align: left;
  margin: 0 0 8px 0;
  color: #777;
  line-height: 22px;
}

.box-detailview .table-content p span {
  color: rgb(196, 28, 22);
  font-family: SF-UI-Display-Regular;
  font-size: 18px;
}

.box-detailview .table-content table {
  width: 100%;
  margin: 10px 0 0 0;
  border: 1px #f1f1f1 solid;
}

.box-detailview .table-content table tr td {
  padding: 10px;
  border: 1px #f1f1f1 solid;
  font-family: SF-UI-Display-Light;
  font-size: 16px;
  text-align: left;
  margin: 0;
  color: #777;
  line-height: 24px;
}

.box-detailview .table-content table tr th {
  padding: 10px;
  background: #f1f1f1;
  font-family: SF-UI-Display-Medium;
  font-size: 16px;
  text-align: left;
  margin: 0;
  color: #333;
  line-height: 24px;
  border-right: 1px #fff solid;
}

.box-detailview .table-content table tr th:last-child {
  border-right: none;
}

.box-detailview .table-content a {
  font-size: 16px;
  cursor: pointer;
}

#fund-ranking-section {
  display: flex;
  gap: 24px;
  padding: 24px;
  color: #fff;
  max-width: 978px;
  margin: 0 auto
}

#fund-ranking-section .fund-ranking-box {
  flex: 1;
  background-color: #fafafa;
  border-radius: 8px;
  padding: 6px 0 0 0;
  border: 1px solid #ddd
}

#fund-ranking-section .fund-ranking-box h3 {
  font-size: 16px;
  font-family: SF-UI-Display-Regular;
  margin-bottom: 6px;
  color: #444;
  text-align: center
}

#fund-ranking-section .fund-ranking-list {
  display: flex;
  flex-direction: column;
  gap: 0 12px;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  border-top: 1px solid #ddd
}

#fund-ranking-section .fund-ranking-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  background-color: #fff;
  border-bottom: 1px dashed #ddd;
  font-family: SF-UI-Display-Regular
}

#fund-ranking-section .fund-ranking-item:last-child {
  border-bottom: none
}

#fund-ranking-section .fund-rank {
  width: 20px;
  font-weight: 700;
  color: #333;
  text-align: center
}

#fund-ranking-section .fund-logo {
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: 4px;
  border: 1px solid #ddd
}

#fund-ranking-section .fund-name {
  flex: 1;
  font-weight: 500;
  color: #333;
  font-family: SF-UI-Display-Medium;
  font-size: 16px
}

#fund-ranking-section .fund-growth {
  color: #009565;
  font-weight: 700;
  margin-right: 12px;
  background-color: #e9fcec;
  padding: 5px 15px 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  display: flex;
  align-items: center
}

#fund-ranking-section .fund-growth svg {
  width: 16px;
  margin-right: 2px
}

#fund-ranking-section .fund-more-btn {
  background-color: #008253;
  color: #fff;
  border: none;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none;
  font-weight: 500
}

#fund-ranking-section .fund-more-btn:hover {
  background-color: #036340;
  transition: all .25s linear
}

@media (max-width:480px) {
  #fund-ranking-section {
    flex-direction: column;
    gap: 16px;
    padding: 16px
  }

  #fund-ranking-section .fund-ranking-box {
    width: 100%
  }
}
.stock-list .subsection-carousel-content-wrapper {
                        height: auto;
                        max-width: 100%;
                        padding: 0;
                        margin: 0 auto;
                        display: flex;
                        align-items: flex-start;
                        flex-direction: column;
                        align-items: center
                      }

                    .stock-list .list-case .list-col{
                        margin-bottom: 0;
                        margin-top: 0;
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 20px;
                        width: 100%;
                        max-width: 770px;
                      }

                    .stock-list .subsection-carousel-content-wrapper .subsection-carousel-container {
                        width: 100%;
                        display: flex;
                        flex-direction: column
                      }
.stock-list  .list-case__item {
                        display: block;
                        padding-top: 1px;
                        box-shadow: 0 4px 30px rgb(95 94 231 / 7%);
                        margin-bottom: 0;
                        border-radius: 10px;
                        transition: all ease .3s
                      }

.stock-list  .list-case__item:hover {
                        background-color: #fff;
                        box-shadow: 0 5px 30px rgb(0 0 0 / 10%), 0 1px 4px rgb(0 0 0 / 5%);
                        border-color: #fff
                      }

.stock-list  .list-case__item:last-child {
                        margin-bottom: 0
                      }

.stock-list  .collap-head {
                        padding: 1px 0;
                        border-radius: 8px;
border:1px solid #ddd;
                      }

.stock-list  .collap-head:hover {
                        cursor: pointer
                      }

.stock-list  .collap-head>div {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #fff;
                        border-radius: 8px;
                        position: relative;
                        -webkit-transition: all linear .3s;
                        -o-transition: all linear .3s;
                        transition: all linear .3s
                      }
.stock-list  .collap-head.collapsed>div {
                        border-radius: 8px
                      }

.stock-list .collap-head>div .head-title {
                        margin: 0;
                        font-size: 16px;
                        line-height: 1.5;
                        padding: 13px 20px 13px 20px;
                        color: #333;
                        font-family: SF-UI-Display-Medium;
                        width: 100%;
                        text-align: center;
height: 60px;
line-height: 40px;
display: flex;
justify-content: center;
align-items: center;
                      }
.stock-list  .collap-head>div .head-title a{text-decoration: none;display: flex;
                      justify-content: center;
                      align-items: center;color:#333;}
.stock-list .collap-head>div .head-title:hover a{color: #c41c16;}
.stock-list .collap-head>div .head-title img{width: 30px;height: 30px;}

.stock-list .collap-head>div .head-title span {
                        font-weight: 400;
                        text-transform: initial;
                        font-family: SF-UI-Display-Light
                      }

.stock-list .collap-head>div .head-title span.ticker {
                        font-weight: 700;
                        margin-right: 10px;
                        font-family: SF-UI-Display-Medium;
                        border-right: 1px solid #aaa;
                        padding-right: 10px
                      }
.list-usecase_card .list-usecase_card_media{margin:0!important;}
.list-usecase_card_media img{width:100%}
.list-usecase_card .list-usecase_card_content strong a{color:#c41c16;}
.fund-item-box.no-shadow{box-shadow:none!important;}
.footer-links__social-media{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1pc;
    margin-top: 9pt;
    gap: 10px;
}
.footer-bottom-block .footer-bottom-inner p a{
    padding-left: 8px;
    margin-left: 8px;
    border-left: 1px solid #5a5a5a;
color:#a2a2a2;
}
.footer-bottom-block .footer-bottom-inner p a:hover{
color:#FFF!important;
}
.tcbs-bottom-link.color-white a{
color:#FFF;
font-size:16px;
}
.tcbs-bottom-link.color-white a:hover{color:#FFF !important;text-decoration:underline;}
@media (max-width:480px) {
.footertcbs .socials-tcbs{
align-content: flex-start;
}
.footer-links__social-media{
margin: 10px 0 0 0 !important;
width: 100%;
}
.footertcbs .socials-tcbs p{text-align:left;width: 100%;}
.footer-bottom-block .footer-bottom-inner p{text-align:left;}
.footer-bottom-block .footer-bottom-inner p a{
        display: block;
        border: none;
        padding: 0;
        margin: 0 0 5px 0;
}
.logo-footer{
        margin: 20px 0 0 0;
        text-align: left !important;
        width: 100%;
        padding-top: 15px;
}
}
/*Search page*/
.search-results li.type-post,
.search-results li.type-page{margin-top: 20px;}
.search-results li.type-post hr{margin-top: 10px;}
.search-results .post-meta-share .taxonomy-category,
.search-results .post-meta-share p a,
.search-results .post-meta-share p{display:none;}
/*FAQ section*/
.mover {
                        -webkit-animation: mover 1.5s infinite alternate;
                        animation: mover 1.5s infinite alternate;
                      }

                      @-webkit-keyframes mover {
                        0% {
                          -webkit-transform: translateY(0);
                          transform: translateY(0);
                        }

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

                      @keyframes mover {
                        0% {
                          -webkit-transform: translateY(0);
                          transform: translateY(0);
                        }

                        100% {
                          -webkit-transform: translateY(10px);
                          transform: translateY(10px);
                        }
                      }
.section-bottom-faq{
    padding: 35px 0 65px 0;
    border-top: 1px solid #dedede;
position:relative;
margin:0;
}
.section-bottom-faq:before{
background-image: url(/wp-content//uploads/2025/10/bg-map.png);
    background-size: cover !important;
    inset: 0 !important;
    opacity: .3 !important;
position:absolute;
content:"";
top:0;
left:0;
bottom:0;right:0;
width:100%;
background-position:center;
}
.block-img-bot-faq{
    align-items: center;
    justify-content: center;
    position: relative;
    display: flex;
}
.block-img-bot-faq .center-img{
    align-items: center;
    justify-content: center;
    position: relative;
    display: flex;
}
.block-img-bot-faq .center-img img{
width: 54%;
    top: 0;
    position: relative;
    z-index: 1;
}
.dc-mover{
    border: 1px solid rgb(69 69 69);
    border-radius: 5px;
    padding: 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0 25px 28px 0 #0000001A;
    transition: transform .1s ease;
    transform-style: preserve-3d;
    will-change: transform;
    overflow: hidden;
}
.dc-mover.pos-01{
    width: 420px;
    bottom: 19%;
}
#bond-ranking-section {
    display: flex;
    gap: 24px;
    padding: 24px;
    color: #fff;
    max-width: 978px;
    margin: 0 auto
  }

  #bond-ranking-section .bond-ranking-box {
    flex: 1;
    background-color: #fafafa;
    border-radius: 8px;
    padding: 6px 0 0 0;
    border: 1px solid #ddd
  }

  #bond-ranking-section .bond-ranking-box h3 {
    font-size: 16px;
    font-family: SF-UI-Display-Regular;
    margin-bottom: 6px;
    color: #444;
    text-align: center
  }

  #bond-ranking-section .bond-ranking-list {
    display: flex;
    flex-direction: column;
    gap: 0 12px;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    border-top: 1px solid #ddd
  }

  #bond-ranking-section table tr {
    border-bottom: 1px dashed #ccc;
    font-family: SF-UI-Display-Regular
  }

  #bond-ranking-section table tr:last-child {
    border-bottom: none
  }

  #bond-ranking-section table tr th {
    color: #333;
    padding: 8px 12px;
    font-size: 14px;
    padding: 8px 12px;
    border-bottom: 1px solid #ddd
  }

  #bond-ranking-section table tr td {
    color: #333;
    font-family: SF-UI-Display-Medium;
    font-size: 16px;
    padding: 8px 12px;
border:none;
  }

  #bond-ranking-section table .bond-name a {
    display: flex;
    align-items: center
  }

  #bond-ranking-section table .bond-name a svg {
    width: 24px;
    margin-right: 5px
  }

  #bond-ranking-section table .bond-rate {
    color: #009565
  }

  #bond-ranking-section .bond-ranking-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    background-color: #fff;
    border-bottom: 1px dashed #ddd;
    font-family: SF-UI-Display-Regular
  }

  #bond-ranking-section .bond-ranking-item:last-child {
    border-bottom: none
  }

  #bond-ranking-section .bond-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid #ddd
  }

  #bond-ranking-section .bond-name {
    flex: 1;
    font-weight: 500;
    color: #333;
    font-family: SF-UI-Display-Medium;
    font-size: 16px
  }

  #bond-ranking-section .bond-more-btn {
    background-color: #008253;
    color: #fff;
    border: none;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500
  }

  #bond-ranking-section .bond-more-btn:hover {
    background-color: #036340;
    transition: all .25s linear
  }

  @media (max-width:480px) {
    #bond-ranking-section {
      flex-direction: column;
      gap: 16px;
      padding: 16px 0
    }

    #bond-ranking-section .bond-ranking-box {
      width: 100%
    }
.dc-mover.pos-01{max-width:280px;}
.section-bottom-faq{padding-left:24px;padding-right:24px;}
.block-ver-mb{
    flex-direction: column;
    align-items: center;
    text-align: center;
}
  }
/*card*/
.how-thumb-area {
    margin: 0 auto;
    width: 142px;
    height: 142px;
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.how-thumb-area::after, .how-thumb-area::before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}
.how-thumb-area::before {
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/10/ht-before.png) no-repeat center center;
    background-size: contain;
    animation: rotate 10s linear infinite;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
}
.how-thumb-area::after {
    width: 115px;
    height: 115px;
    background: url(/wp-content/uploads/2025/10/ht-after.png) no-repeat center center;
    background-size: contain;
    animation: rev-rotate 10s linear infinite;
    -webkit-animation: rev-rotate 10s linear infinite;
    -moz-animation: rev-rotate 10s linear infinite;
}
.how-thumb-area .how-thumb {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    align-items: center;
    position: relative;
    z-index: 1;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.how-thumb-area .how-thumb img, .how-thumb-area .how-thumb svg {
    max-width: 60px;
    max-height: 60px;
width:60px;
height:60px;
}
.card-member .flip-front h4 {
    text-align: center;
    font-family: SF-UI-Display-Thin;
    color: #33406a;
    padding-top: 20px;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 1.4;
}
/*List documents downloadable*/
.row-flex{
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
    }
    .row-flex .date{
white-space: nowrap;
  min-width: 90px;
  color: #555;
    }
    .date span {
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
line-height: 1.5;
text-transform: uppercase;
color:#616161;
}
.row-flex .content {
  flex: 1;
  word-break: break-word;
  font-size: 16px;
  line-height: 1.5;
}
.row-flex .content h4{color:#333;font-weight:600;margin:0;padding:0;font-size: 16px;}
.row-flex .file-download .item {
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.row-flex .file-download {
  flex-shrink: 0;
  white-space: nowrap;
  min-width: max-content;
  text-align: right;
}
.row-flex .file-download .item.have-file-name {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
}
.row-flex .file-download .link {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
grid-gap: 9pt;
align-items: center;
background-color: inherit;
border: none;
color: #000;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
font-weight: 600;
gap: 9pt;
justify-content: space-between;
line-height: 1.5;
position: relative;
width: 100%;
text-decoration:none;
}
.row-flex .file-download .link:hover{
text-decoration:underline;
color:#c41c16;
}
.row-flex .file-download .item {
-webkit-box-orient: horizontal;
-webkit-box-pack: end;
-ms-flex-pack: end;
-ms-flex-direction: row;
flex-direction: row;
justify-content: flex-end;
margin-bottom: 0;
padding-bottom: 0;
width: 100%;
}
.row-flex .file-download, .list-view-documents .file-download .item {
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.row-flex .file-download .btn {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
min-width: 39.8%;
padding-left: 28px;
padding-right: 35px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
.row-flex .file-download .btn:before {
background-color: #dadada;
content: "";
height: 15px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2px;
}
.row-flex .file-download .btn:hover{background-color:transparent;}
.grid-nhdt-collap .box-feature .grid-box .grid-item .step{
background-image: url(https://www.tcbs.com.vn/documents/392342/558755/circle-bg.png);
}
@media (max-width:480px) {
.stock-list .list-case .list-col{
    grid-template-columns: repeat(2, 1fr);
}
}
.tcs-item-box-df.tcs-fe-item-box p{position:relative;}
.grid-img-inbox .img-inbox_eq{
text-align:center;
}
.grid-img-inbox .img-inbox_eq svg{
max-width:80px
}
.card-icon-top-st01 .icon-top-outside .how-thumb span{position:relative;z-index:2;}
.bond-newjourney{
background-image: url(https://www.tcbs.com.vn/wp-content/uploads/2025/10/bg-journey-bond-scaled.jpeg);
}
@media (max-width:480px) {
.bond-newjourney{
    padding-left: 24px;
    padding-right: 24px;
}
}
.group-button-bot{width:100%;}
.group-button-bot .wp-block-button:first-child{
    margin-bottom: 0;
    padding-bottom: 0;
}
.group-button-bot .wp-block-button:last-child{
margin-top: 10px;
}
.wp-block-embed.is-type-video{width:100%;}
.wp-block-embed__wrapper{display: flex;align-items: center;}
/*Step card - iPO, iTracker*/
.step-card {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform .18s ease, box-shadow .18s ease;
}
.step-card:first-child {
    border-bottom-left-radius: 7px;
}
.step-card .phone {
    flex: 1 0 auto;
    display: flex;
    align-items: flex-start;
    position: relative;
    padding: 18px;
    flex-shrink: 0;
}
.step-card .phone-frame {
    width: 100%;
    overflow: hidden;
    max-width: 180px;
}
.step-card .phone-screen {
    width: 100%;
    display: block;
}
.step-card .content {
    padding: 20px clamp(16px, 2.2vw, 22px) 22px;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    height: 100%;
    background-color: #FFF;
    position: relative;
    margin-top: 25px;
    padding-top: 35px;
}
.step-card:first-child .content {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.step-card .badge {
position: absolute;
    left: 14px;
    top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c41c16;
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(2, 8, 23, .25);
    border: 2px solid rgba(255, 255, 255, .8);
    z-index: 2;
    
}

.step-card .step-title {
    margin: 0;
    font-size: clamp(16px, 1.6vw, 18px);
    font-weight: 500;
    letter-spacing: -.01em;
}
.step-card .step-desc {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
    font-size: 14px;
}
/*end*/
/*TCBS Tab demo default*/
.box-legend-ctn{
font-size: 16px;
    margin-top: 0;
    padding: 10px 20px;
    color: #333;
    background-color: #fffdf0;
    border-radius: 4px;
}
.icon-w40 svg, icon-w40 img{width:40px;height:40px;}
.icon-w32 svg, icon-w32 img{width:32px;height:32px;}
.icon-w24 svg, icon-w24 img{width:24px;height:24px;}
hr.line-dashed{border-style: dashed;}
.tcs-tab-df{}
.tcs-tab-df .wp-block-ub-tabbed-content-tab-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
font-size:14px;
color:#777;
}
.tcs-tab-df .wp-block-ub-tabbed-content-tab-title strong{
font-size:16px;
font-weight:500;
}
.tcs-tab-df .wp-block-ub-tabbed-content-tabs-content{padding:0;border:none!important;}
.tcs-tab-df .wp-block-ub-tabbed-content-tabs-title .wp-block-ub-tabbed-content-tab-title-wrap{
    margin-bottom: 10px;
    padding: 7px 10px;
    background-color: #FFF;
    border-radius: 6px;
    border: 2px solid #eee !important;
    box-shadow: none !important;
position:relative;
max-width:220px;
}
.tcs-tab-df .wp-block-ub-tabbed-content-tabs-title .wp-block-ub-tabbed-content-tab-title-wrap.active{border: 2px solid #009565 !important;}
.tcs-tab-df .wp-block-ub-tabbed-content-tabs-title .wp-block-ub-tabbed-content-tab-title-wrap.active:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-color: transparent #009565 transparent transparent;
    border-style: solid;
    border-width: 0 30px 30px 0;
    z-index: 2;
}
.tcs-tab-df .wp-block-ub-tabbed-content-tabs-title .wp-block-ub-tabbed-content-tab-title-wrap.active:after {
    content: "";
    position: absolute;
    background: transparent url(https://www.tcbs.com.vn/wp-content/uploads/2025/11/tick.png) no-repeat center center;
    z-index: 3;
    right: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: contain;
}
.tcs-tab-df .wp-block-ub-tabbed-content-tabs-title .wp-block-ub-tabbed-content-tab-title-wrap.active .wp-block-ub-tabbed-content-tab-title strong{color:#333;}
.tcs-tab-df .wp-block-ub-tabbed-content-tabs-content .wp-block-ub-tabbed-content-tab-content-wrap{
    padding: 20px;
    background-color: #FFF;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 30px rgb(95 94 231 / 7%);
    box-shadow: 0px 4px 30px rgb(95 94 231 / 7%);
    transition: .2s linear;
    max-height: max-content;
    overflow-y: auto;
}
@media (max-width: 699px) {
.tcs-tab-df .wp-block-ub-tabbed-content-accordion-toggle.ub-mobile-display {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgb(255, 255, 255);
        border-width: 2px !important;
        border-style: solid !important;
        border-color: rgb(238, 238, 238) !important;
        border-radius: 10px;
        width: 70%;
        margin: 0 auto 10px;
    }
    .tcs-tab-df .wp-block-ub-tabbed-content-accordion-toggle.ub-mobile-display.active {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgb(255, 255, 255);
        border-width: 2px !important;
        border-style: solid !important;
        border-color: rgb(0, 149, 101) !important;
        border-radius: 10px;
        width: 70%;
        margin: 0 auto 10px;
    }
}
/*end*/
/*post-list*/
h2.search-title a{font-size:16px;}
.custom-post-list .custom-post-item-news:nth-child(2n){
background-color:#FFF;
}
.custom-post-item-news h2{
color:var(--wp--preset--color--contrast);
    font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.417), 18px);
    margin-bottom: 0;
}
.custom-post-item-news h2 a{color:#000;font-size:16px;}
.custom-post-item-news .post-date{
color: #999999;
    font-size: 12px;
}
.single-post.post-template .tcbs-news-container h2{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
}
.single-post.post-template .tcbs-news-container h3{
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.25;
}
@media (max-width:480px) {
.tcbs-news-container{padding-top:10px;}
.tcbs-news-container .content-header-search .content-search-title{
display:none;
}
.tcbs-news-container .has-global-padding{
padding-left:20px;
padding-right:20px;
}
.custom-post-item-news{
        display: flex;
        flex-direction: column;
padding:10px 5px;
}
.custom-post-item-news .post-date{
    text-align: left;
        flex: auto;
padding-top: 3px;
}
.block-4col .col-inside{flex-direction:column;}
.block-4col .col-inside .col-big, .block-4col .col-inside .col-sm{width:100%;}
.block-4col .col-inside .col-big .list-pack{display:none;}
.block-4col .col-sm .level-col{
border: 1px solid #eee;
    margin-top: 10px;
    margin-bottom: 15px;
}
}
.tcbs-top-header-mobile .hambuger-icon{
    width: 54px;
    text-align: center;
    align-items: center;
}
.post-template-wp-custom-template-tcbs-post-1 table th,
.post-template-wp-custom-template-tcbs-post-1 table td,
.post-template .wp-block-table th,
.post-template .wp-block-table td {
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}
.bg-dc:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(data:image/svg+xml;base64,CiAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEzNjgiIGhlaWdodD0iOTcwIiB2aWV3Qm94PSIwIDAgMTM2OCA5NzAiIGZpbGw9Im5vbmUiPgogICAgICAgIDxwYXRoIGQ9Ik0tMjM2MCAtMTcyMy4xN1YtOTE0LjAzN0MtMjM2MCAtOTE0LjAzNyAtNTc5LjgwMyAtMTA0Ni4xNiAtNTU4Ljg2OSAtMzA3LjY1MkMtNTQ4LjU1MiA1My4wNjIzIC0xMDQ1LjI5IDM5NS4yMSAtMTUwMC43MSA4NTUuOTI0Qy0xOTM2LjA4IDEyOTYuMSAtMjE0MS4xMiAyMTMwLjk2IC0xNDE2LjM3IDI1NjguODFDLTc0OC41MjUgMjk3Mi4wMyAyNy44NzAxIDI4NDEuNzYgMTA3Ni40NiAxNzgzLjAyQzE0NjguNDggMTM4Ny4yIDI2NjAuMzggLTI4NC4wNyAzNDY0LjA5IC04NS4wODYyQzM5MzQuNzcgMzEuNDUwNCAzMzA2Ljc2IDY0MC45NCAzMTA0Ljc2IDEyMzUuNjhDMjk2NS4xNSAxNjQ2LjczIDI5NDguMjcgMjAzOS45OCAzMjk0LjI0IDIyNDQuNjNDNDA0NC4yNyAyNjg4LjE1IDQ4OTguNTYgMTgxNS4yIDU2MzEuNDcgMTYwNC45OUM2MDYwLjExIDE0ODIuMDcgNjQ0OC41NCAxNzkwLjA3IDU4MjguMjkgMjE4Ni40MkM1MTQ3LjAyIDI2MjEuNTMgMzY0OS4yMiAyNjkwIDM2NDkuMjIgMjY5MEwzNjQ4LjM4IDM0OTBDMzY0OC4zOCAzNDkwIDcwMjMuMDYgMzQ3OS4xMyA3MDEyLjk4IDE2OTcuODNDNzAwOS43IDExMjUuMTIgNjMxMy44MiA1OTYuODIxIDU0NzIuNTkgNzcxLjMyN0M0NjY2LjE0IDkzOC40OSA0MTQzLjIyIDE1MTcuNTkgNDAwOC4xMyAxNDA4LjM0QzM3NzAuOTQgMTIxNi44OCA1MTkzLjY2IDEzNi43MDQgNDEwMS4yMyAtNzM0LjAzOEMzODIxLjgxIC05NTYuNjY0IDMxMjEuNzYgLTExMDQuMTkgMjM2OS4yOCAtNjU1LjY1MUMxNDEyLjMgLTg1LjA4NjMgNjM5LjcxOCAxMTMwLjAxIC01MS41MTEgMTY3My40N0MtMzk4Ljg1NSAxOTQ2LjU1IC02MzguNDI5IDE5NzUuOTIgLTg0Ny42NDYgMTgyNi42N0MtMTA1Ni44NiAxNjc3LjQxIC04NzEuOTIgMTM5OS40NCAtNTQ5Ljg2NCAxMDg5LjU5Qy0xODguOTIyIDc0Mi4zMTIgMjYzLjgwNiAzMjQuMTA2IDI2NS41OTUgLTMwMi45MzZDMjcwLjQ4NiAtMTk5My4yIC0yMzYwIC0xNzIzLjE3IC0yMzYwIC0xNzIzLjE3WiIgZmlsbD0iIzAwQkY2RiIvPgogICAgPC9zdmc+Cg==);
    background-position: center;
    background-size: cover;
    opacity: .4;
}
.table-normal .fund-content-table tbody tr td:first-child {
width:35%;
}
.f-listitems{}
.f-listitems .f-listitem{
grid-template-columns: 20px auto !important;
padding: 15px 0;
    margin-top: 0;
    border-top: 1px solid #a1a1a17a;
}
.f-listitems .f-listitem:last-child{border-top: 1px solid #a1a1a17a;}
.f-listitems .f-listitem .wp-block-media-text__media{}
.f-listitems .f-listitem .wp-block-media-text__content{
padding: 0 13px;
    align-items: center;
}
.f-listitems .f-listitem .f-listitem-content{}
.f-listitems .f-listitem .f-listitem-content-name{
    margin: 0;
    font-weight: 600;
}
.f-listitems .f-listitem .f-listitem-content-name a{color:#333;}
.f-listitems .f-listitem .f-listitem-content-name a:hover{color:#c41c16;}
.f-listitems .f-listitem .f-listitem-content-date{color:#555;margin:0;}
.tcbs-table-df thead tr th{
background-color:#c41c16;
color:#FFF;
}
.demo-table .table-res table tr th:first-child{border-left:none!important}
.demo-table .wp-block-table.table-res table thead{border-bottom:none;}
.demo-table .wp-block-table.table-res table tbody tr td{
    transition: all .25s linear;
    background-color: #E9FCEC;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.demo-table .wp-block-table.table-res table tbody tr td:first-child{
    border-right: 1px solid #ccc;
    background-color: #f5f5f5;
    color: #000;
    font-weight: bold;
}
@media (max-width: 767px) {
.wp-block-table.tcbs-table-df{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.box-list-scroll-mb{
        display: -webkit-box !important;
        display: -ms-flexbox;
        display: flex !important;
        overflow-x: scroll;
        gap: 0;
}
.box-scroll-mb-item{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 84%;
        flex: 0 0 84%;
        max-width: 84%;
}
}
details.tcs-item-box-df:open summary {
border-bottom: 1px dashed rgb(204, 204, 204);
    padding-bottom: 10px;
}
details.tcs-item-box-df p{
border-top: 0px;
}
/*Kham pha va chia se*/
.tcs-block-filter-df{

}
.tcs-block-filter-df .ub-content-filter-category{
display: flex;
    align-items: center;
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #ddd;
}
.tcs-block-filter-df .ub-content-filter-category-name{
font-weight: 400;
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 1.2em;
}
.tcs-block-filter-df .ub-content-filter-buttons-wrapper{

}
.tcs-block-filter-df .ub-content-filter-tag{
background-color: #f5f5f5;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    border-radius: 8px !important;
    transition: all .5s ease;
    font-size: 1rem;
    border: 1px solid #ddd;
}
.tcs-block-filter-df .ub-content-filter-tag.ub-selected{
    background-color: #c41c16;
}
.list-post-w-thumb.relate-post-bot-page.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image{
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
}
.relate-post-bot-page.wp-block-latest-posts__list {
    gap: 20px;
}
.tcs-block-filter-df .ub-content-filter-panel{
margin-bottom:20px;
}
@media (max-width: 767px) {
.tcs-block-filter-df .ub-content-filter-category{
display:block;
}
.tcs-block-filter-df .ub-content-filter-category-name{
text-align: center;
    margin-right: 0;
    margin-bottom: 15px;
}
/* ÉP override rule flex-wrap: wrap */
  .wp-block-ub-content-filter-block .ub-content-filter-buttons-wrapper {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    gap: 7px;
    padding-bottom: 6px;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
position:relarive;
-webkit-mask-image: linear-gradient(
      to right,
      black 0%,
      black calc(100% - 24px),
      transparent 100%
    );

    mask-image: linear-gradient(
      to right,
      black 0%,
      black calc(100% - 24px),
      transparent 100%
    );
  }

  .wp-block-ub-content-filter-block
  .ub-content-filter-buttons-wrapper::-webkit-scrollbar {
    display: none;
  }

  /* QUAN TRỌNG: mỗi nút không được co */
  .wp-block-ub-content-filter-block .ub-content-filter-tag {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
.reward-box {
    background-color: #fafafa;
    border-radius: 8px;
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto 20px auto;
    border: 1px solid #c41c16;
}
.reward-box table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.reward-box th {
    background-color: #d81221;
    color: white;
    padding-top: 12px;
    padding-bottom: 12px;
}
.reward-box th, .reward-box td {
    border: 1px solid #d81221;
    padding: 12px 8px;
    text-align: center;
}
.gap5px{
    gap: 5px !important;
}
.is-style-default-1 img{
    border-radius: 8px;
    background-color: #c41c16;
    padding: 5px;
}
.box-feature-tci{}
.box-feature-tci-box-left{}
.box-feature-tci-box-right{}
.box-feature-tci h5{margin: 5px 0}
.box-feature-tci p{margin: 0 0 10px;font-weight: 300;}
.box-feature-tci-box-left>div{
    text-align: right;
padding-bottom:15px;
}
.box-feature-tci-box-right>div{
padding-bottom:15px;
}
.box-feature-tci figure.max-320 {text-align:center;}
.box-feature-tci .max-320 img{
max-width:320px;
}
@media (max-width: 699px) {
.box-feature-tci .hide-on-mobile{display:none;}
.box-feature-tci-box-left>div{text-align:left}
}
/**/
.box-grid-top-banner{}
.box-grid-top-banner .box-grid{
border-right: 1px dashed #999;
text-align:center;
}
.box-grid-top-banner .box-grid:last-child{
border-right: 0px dashed #999;
}
.box-grid-top-banner .box-grid svg{
width:60px;
height:60px;
margin-bottom:10px;
}
.box-grid-top-banner .box-grid p{
font-size:18px;
}
@media (max-width: 699px) {
.box-grid-top-banner .box-grid{
border-right: 0px dashed #999;
}
.mega-menu-badge{
background: #D32F2F;
        color: #fff;
        font-weight: normal;
        font-size: 10px;
        text-transform: none;
        text-decoration: none;
        font-family: inherit;
        border-radius: 2px 2px 2px 2px;
        display: inline-flex;
        line-height: normal;
        padding: 2px 4px 2px 4px;
        top: -7px;
        margin: 0 0 0 6px;
        text-align: center;
        position: relative;       
    }
.mega-menu-badge.mega-menu-badge-style-two{
background: #00796B;
}
.mega-menu-badge.mega-menu-badge-style-one{
background: #D32F2F;
}
}
/*New TCEX*/
.footer-main-menu{}
.footer-main-menu ul{}
.footer-main-menu ul li{}
.footer-main-menu ul li a{
    color: #f5f5f5;
    font-size: 1.1em;
    font-weight: 600;
}
.footer-main-menu ul li a:hover{}
nav.footer-main-menu .wp-block-navigation__container{
  gap: 0; /* tránh gap của flex là m lệch spacing */
}

nav.footer-main-menu .wp-block-navigation-item__content{
  text-transform: none;
  letter-spacing: normal;
}

/* tạo dấu chấm sau mỗi item (trừ item cuối) */
nav.footer-main-menu .wp-block-navigation-item:not(:last-child) .wp-block-navigation-item__content::after{
    content: ".";
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1;
    opacity: .6;
    position: relative;
    top: -4px;
}

/* tuỳ chọn: hover gọn hơn */
nav.footer-main-menu .wp-block-navigation-item__content:hover{
  text-decoration: none;
    transform: translateX(0px);
}
.tex--btn-default a {
    background-color: #E0292B;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-width: 200px;
    border-radius: 8px !important;
    transition: all .5s ease;
    font-size: 1rem;
}
.tex--btn-default a:hover{color:#FFF;text-decoration: none;}
.tex--btn-default.tex--btn-secondary a{
    background-color: #f5f5f5;
    color: #262626 !important;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}
.tex--btn-default.tex--btn-secondary:hover a{
background-color: #bcbec0 !important;
    opacity: 80%;
color: #262626 !important;
}
.tex--btn-default.tex--btn-arrow-r a{
    display:flex;
    align-items:center;
    gap:14px;

    padding:0;

    background:transparent;
    border:none;

    color:#E0292B;

    font-size:1rem;
    font-weight:700;
    text-transform:uppercase;

    width:max-content;

    transition:all .35s ease;
}


/* arrow */
.tex--btn-default.tex--btn-arrow-r a::after{
    content:"";
    width:24px;
    height:24px;

    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E0292B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='2' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") no-repeat center;

    background-size:contain;

    transition:transform .35s ease;
}
.tex--header{border-bottom:1px solid #ddd;}
.tex--header-top{}
.tex--header-top .tex--header-menu .mega-menu-wrap{width:100%!important;min-width: 0!important;}
.tex--header-top .tex--header-menu .mega-menu-wrap .mega-menu-item{}
.tex--header-top .tex--header-menu .mega-menu-wrap .mega-menu-item .mega-menu-link{
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
}
.tex--header-top .tex--btn-default a{
background-color: #E0292B;
    padding: 10px 20px;
    min-width: auto;
}
.tex--header-top .tex--header-menu .mega-menu-wrap  .mega-sub-menu{
box-shadow: rgba(0, 0, 0, 0.05) 0 0 5px -1px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px !important;
    border-radius: 4px !important;
    transform: translate(0px, 5px) !important;
}
.tex--header-top .tex--header-menu .mega-menu-wrap  .mega-sub-menu .mega-menu-item{

}
.tex--header-top .tex--header-menu .mega-menu-wrap  .mega-sub-menu .mega-menu-link{

}
.hero-tex-pill {
    display: inline-block;
    padding: 14px 32px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #5a4bd6 0%, #4a39b8 50%, #3f2f9f 100%);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

/* highlight phía trên */
.hero-tex-pill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 55%;
  border-radius: 999px;

  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.25),
    rgba(255, 255, 255, 0)
  );

  pointer-events: none;
}

/* viền glow gradient phía dưới */
.hero-tex-pill::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  padding: 1px;
  background: linear-gradient(90deg,#ff4d6d,#5ad0ff);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}
.headline h4{color:#100075;font-size: 2rem;font-weight:600;}
.tex--list-icon-default{grid-template-columns: 45px auto !important;}
.tex--list-icon-default .wp-block-media-text__media{}
.tex--list-icon-default.list-sm-bullet .wp-block-media-text__media{text-align:center;}
.tex--list-icon-default .wp-block-media-text__media img{width:40px;}
.tex--list-icon-default.list-sm-bullet .wp-block-media-text__media img{width:24px;}
.tex--list-icon-default .wp-block-media-text__content{padding: 0 10px;}
.tex--list-icon-default .wp-block-media-text__content p{margin-bottom:0;}
.tex--list-icon-default .tcex-support-list .tcex-support-list__items{margin-bottom:0;padding-left:18px;}
.tex--list-icon-default .tcex-support-list .tcex-support-list__item{
color:#959595;
padding: 5px 0;
}
.tex--list-icon-default .tcex-support-list .tcex-support-list__item .tcex-support-list__link{
color:#555;
}
.tex--list-icon-default .tcex-support-list .tcex-support-list__item .tcex-support-list__link:hover{
text-decoration:none;
color:#c41c16;
}
.tex--faq-default{counter-reset: faq-counter;}
.tex--faq-default .wp-block-accordion-item{
margin-top:0;
counter-increment: faq-counter;
}
.tex--faq-default .wp-block-accordion-heading button::before {
content: counter(faq-counter);
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEF2F7;
    color: #1B1F7A;
    font-weight: 600;
    font-size: 18px;
    margin-right: 8px;
    border: 1px solid #ddd;
}
.tex--faq-default .wp-block-accordion-item .wp-block-accordion-heading{
    color: #100075;
    font-size: 1.25rem;
    font-weight: 600;
    border-top: 1px solid #d9d9d9;
}
.tex--faq-default .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle{
    padding: 20px 0px;
}
.tex--faq-default .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover,
.tex--faq-default .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{
text-decoration:none;
}
.tex--faq-default .wp-block-accordion-item:last-child .wp-block-accordion-heading{
    border-bottom: 1px solid #d9d9d9;
}
.tex--faq-default .wp-block-accordion-item.is-open:last-child .wp-block-accordion-heading{
    border-bottom: 0px solid #d9d9d9;
}
.tex--faq-default .wp-block-accordion-item.is-open:last-child{
    border-bottom: 1px solid #d9d9d9;
}
.tex--faq-default .wp-block-accordion-item:last-child .wp-block-accordion-heading{

}
.tex--faq-default .wp-block-accordion-item .wp-block-accordion-panel{
    margin-top: 5px;
    padding-bottom: 20px;
    padding-left: 50px;
}
/* wrapper */
.rank-math-breadcrumb{
  display:flex;
  align-items:center;
}
.tex--breadcrumb-default {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: .9rem;
position:relative;
}

/* icon tam giác SVG */
.tex--breadcrumb-default::before{
  content:"";
  width:14px;
  height:14px;
  display:inline-block;

  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolygon points='6,4 14,10 6,16' fill='%239AA0A6'/%3E%3C/svg%3E") no-repeat center;
  background-size:contain;
}

/* vạch dọc */
.tex--breadcrumb-default::after{
  content:"";
  width:1px;
  height:22px;
  background:#C9CDD3;
  margin-right:6px;
    left: 15px;
    position: absolute;
}

/* reset p */
.tex--breadcrumb-default .rank-math-breadcrumb p{
  margin:0;
  display:flex;
  align-items:center;
  gap:6px;
}

/* link breadcrumb */
.tex--breadcrumb-default .rank-math-breadcrumb a{
  color:#7B8188;
  text-decoration:none;
  font-weight:500;
}

.tex--breadcrumb-default .rank-math-breadcrumb a:hover{
  color:#0B0F6B;
}

.breadcrumb-dark.tex--breadcrumb-default .rank-math-breadcrumb a{color:#abb0b7;}
.breadcrumb-dark.tex--breadcrumb-default .rank-math-breadcrumb a:hover{
  color:#abb0b7;
}
.breadcrumb-dark.tex--breadcrumb-default .last{color:#f0f0f0;}

/* separator */
.tex--breadcrumb-default .separator{
  color:#9AA0A6;
}

/* item cuối */
.tex--breadcrumb-default .last{
  color:#0B0F6B;
  font-weight:600;
}
.tex-feature-box{
  background:#F3F3F4;
  border-radius:10px;
  padding:14px 10px;
  position:relative;

  border:1px solid #E8E8EA;

  box-shadow:
    0 10px 30px rgba(0,0,0,0.06);
}

/* outer glow */
.tex-feature-box::before{
  content:"";
  position:absolute;
  inset:-10px;

  border-radius:14px;

  border:8px solid rgba(255,255,255,0.6);

  pointer-events:none;
}
.step-number{    text-align: center;}
.step-number span{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #F3F3F4;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    text-align: center;
    color: #100075;
    line-height: 40px;
    font-weight: bold;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
  margin: 0;
}
.value-item svg {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
    margin-top: 15px;
}
#search-box-mobile #search-btn-mobile{border-radius:8px;}
/*post page*/
.tex--box-article-left{
background-color:#FFF;
border-radius:10px;
padding:24px;
}
.tex--box-article-right{
background-color:#FFF;
border-radius:10px;
padding:24px;
}
.tex--box-article-right .wp-block-latest-posts,
.tex--box-article-right .wp-block-latest-posts__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tex--box-article-right .wp-block-latest-posts li,
.tex--box-article-right .wp-block-latest-posts__list li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.tex--box-article-right .wp-block-latest-posts li:last-child,
.tex--box-article-right .wp-block-latest-posts__list li:last-child {
    margin-bottom: 0;
}

.tex--box-article-right .wp-block-latest-posts li::before,
.tex--box-article-right .wp-block-latest-posts__list li::before {
    content: "";
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eaf4fb url(https://www.tcex.com.vn/wp-content/uploads/2026/05/Icon.svg) no-repeat center;
    background-size: 32px 32px;
}

.tex--box-article-right .wp-block-latest-posts li a,
.tex--box-article-right .wp-block-latest-posts__list li a {
    display: block;
    color: #222;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.28;
    font-weight: 500;
    letter-spacing: -0.02em;
    transition: color 0.2s ease;
}

.tex--box-article-right .wp-block-latest-posts li a:hover,
.tex--box-article-right .wp-block-latest-posts__list li a:hover {
    color: #c41c16;
}

@media (max-width: 1024px) {
    .tex--box-article-right .wp-block-latest-posts li,
    .tex--box-article-right .wp-block-latest-posts__list li {
        gap: 16px;
        margin-bottom: 20px;
    }

    .tex--box-article-right .wp-block-latest-posts li::before,
    .tex--box-article-right .wp-block-latest-posts__list li::before {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        background-size: 28px 28px;
    }

    .tex--box-article-right .wp-block-latest-posts li a,
    .tex--box-article-right .wp-block-latest-posts__list li a {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .tex--box-article-right .wp-block-latest-posts li,
    .tex--box-article-right .wp-block-latest-posts__list li {
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 12px;
    }

    .tex--box-article-right .wp-block-latest-posts li::before,
    .tex--box-article-right .wp-block-latest-posts__list li::before {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        background-size: 22px 22px;
    }

    .tex--box-article-right .wp-block-latest-posts li a,
    .tex--box-article-right .wp-block-latest-posts__list li a {
        font-size: 1rem;
        line-height: 1.4;
    }
}
/* ===== Danh sách bà i viết trang Tin tức ===== */

.tex--box-article-right .custom-post-list {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d9d9d9;
}

.tex--box-article-right .custom-post-list .custom-post-item-news {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 24px 20px 44px;
}

.tex--box-article-right .custom-post-list .custom-post-item-news::before {
    content: "";
    position: absolute;
    left: 0;
    top: 34px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #eaf4fb url(https://www.tcex.com.vn/wp-content/uploads/2026/05/Icon.svg) no-repeat center;
}

.tex--box-article-right .custom-post-list .custom-post-item-news h2 {
    margin: 0 0 8px;
    padding: 0;
    font-size: initial;
    line-height: normal;
}

.tex--box-article-right .custom-post-list .custom-post-item-news h2 a {
    display: inline-block;
    color: #101a8b;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 500;
    transition: color 0.2s ease, opacity 0.2s ease;
    margin-bottom: 0;
}

.tex--box-article-right .custom-post-list .custom-post-item-news h2 a:hover {
    color: #0a1f8f;
    text-decoration: none;
}

.tex--box-article-right .custom-post-list .custom-post-item-news .post-date {
    font-size: .85rem;
    line-height: 1.4;
    color: #222;
    font-weight: 400;
    display: block;
    height: auto;
    flex-basis: content;
    text-align: left;
}

.tex--box-article-right .custom-post-list .custom-post-item-news a {
    word-break: break-word;
}
.tex--box-article-right .title-post-news{display:none;}

/* Tablet */
@media (max-width: 1024px) {
    .tex--box-article-right .custom-post-list .custom-post-item-news {
        min-height: 96px;
        padding: 24px 56px 24px 46px;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news::before {
        top: 28px;
        width: 32px;
        height: 32px;
        background-size: 14px 14px;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news::after {
        font-size: 28px;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news h2 a {
        font-size: 18px;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news .post-date {
        font-size: 15px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .tex--box-article-right .custom-post-list .custom-post-item-news {
        min-height: auto;
        padding: 20px 42px 20px 42px;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news::before {
        top: 22px;
        width: 28px;
        height: 28px;
        background-size: 12px 12px;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news::after {
        right: 0;
        font-size: 24px;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news h2 {
        margin-bottom: 6px;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news h2 a {
        font-size: 16px;
        line-height: 1.45;
    }

    .tex--box-article-right .custom-post-list .custom-post-item-news .post-date {
        font-size: 14px;
    }
}
.box-ctn_top ul.is-style-checkmark-list li{margin-bottom:10px}
.tcex-typeform-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.tcex-typeform-modal.is-active {
  display: block;
}

.tcex-typeform-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.tcex-typeform-modal__dialog {
  position: relative;
  width: min(960px, calc(100% - 32px));
  margin: 40px auto;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  z-index: 2;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

.tcex-typeform-modal__close {
    width: 36px;
    height: 36px;
    border: 0;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    font-size: 28px;
    cursor: pointer;
    z-index: 3;
    align-items: center;
    display: flex;
    justify-content: center;
}
.tcex-typeform-modal__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}
.tcex-typeform-modal__title{
    font-weight: bold;
}
.tcex-typeform-modal__body {
  padding-top: 0;
}

.tcex-typeform-modal__body iframe {
  display: block;
  width: 100%;
  height: 80vh;
  min-height: 600px;
  border: 0;
}

body.tcex-modal-open {
  overflow: hidden;
}

@media (max-width: 767px) {
body{padding-top:0;}
  .tcex-typeform-modal__dialog {
    width: calc(100% - 16px);
    margin: 8px auto;
    border-radius: 12px;
  }

  .tcex-typeform-modal__body iframe {
    height: calc(100vh - 80px);
    min-height: 500px;
  }

  .tcex-typeform-modal__close {
    top: 8px;
    right: 8px;
  }
}