/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
#header{
	background-image:url('/wp-content/uploads/2026/08/Group-627845.svg');
	background-repeat:no-repeat;
	padding-top:15px;
}
.header-bottom .nav > li > a {
	padding:15px;
	font-weight:500;
}
.header-bottom a.button.primary{
	height:55px;
	line-height:55px;
    font-size: 1.1em;
}
.header-bottom a.button.primary span{
    font-size: 1.1em;

}
.tt_head{
	font-size:26px;
	line-height:1.4;
	text-transform:uppercase;
	font-weight:700;
}
.logo-left .logo{
	margin-right:15px;
}
.social_new img{
	width:50px;
}
.social_new {
	display:flex;
	align-items:center;
	gap:15px;
}
.header-main input#s{
	background:#fff;
	height:50px;
}
.header-main .flex-col.hide-for-medium.flex-right{
	flex:1;
}
.absolute-footer{
	display:none;
}
.menu_foot{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
border-bottom: 1px solid #FFFFFFCC
}

.menu_foot .ux-menu-link{
	padding-right:15px;
	padding-left:15px;
}
.home_link{
border-bottom: 3px solid #FFFFFF	
}
.icon_foot{
	align-items:center;
	padding-bottom:30px;
}
#footer .icon-box p{
	margin-bottom:0
}

.form_foot p{
	display:flex;
	gap:20px;
}

.is-uppercase, .uppercase, h6, span.widget-title, th {
    letter-spacing: normal;
    line-height: normal;
}
.form_foot input{
	border-radius:10px;
	height:55px;
	margin:0;
}
.form_foot input[type=email]{
	border:1px solid #3EBBF2;
}
.form_foot input[type=submit]{
	text-transform:none;
	font-weight:500;
	font-size:16px;
}
.wpcf7-spinner{
	display:none
}


.rank-math-breadcrumb .separator {
    font-size: 0;
	margin:0 10px;
}

.rank-math-breadcrumb .separator::before {
    content: "\f105"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
}
.breadcrumb-wrapper{
	padding-top:20px;
}
.form_contact input[type=email], .form_contact input[type=tel], .form_contact input[type=text], 
.form_contact textarea{
	height:60px;
	box-shadow:none;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom: 1px solid rgba(131, 131, 131, 0.4)
}
.form_contact input[type=submit]{
	border-radius:99px;
	padding:2.5px 50px;
}

.rank-math-breadcrumb,
.rank-math-breadcrumb a{
	color:#555;
}
.rank-math-breadcrumb span.last{
	font-weight:600;
}
.slide_tapthe .img{

		padding:0 10px!important
}
.slide_tapthe img{
	border-radius:16px;
	overflow:hidden;	
}
.slider-style-focus .flickity-slider>:not(.is-selected){
	transform:scale(1);
	opacity:1;
}
.flickity-page-dots .dot.is-selected{
	background:#0085C7;
	border-color:#0085C7;
}
.tab_doingu .tab-panels{
	border:none;
}
.tab_doingu .nav li a{
border: 1px solid #0000001A;
	padding:10px;
	font-weight:400;
	color:#090909;
}
.tab_doingu .nav li:not(:last-child) a{
    border-bottom: none;
	font-weight:500;
}
.tab_doingu .nav li.active a{
	color:var(--primary-color);
	font-weight:700;
	padding-left:40px;
}
.tab_doingu .nav li.active a:before{
	content:'';
	background-image: url(https://ttcudvc-benthanh.erasvietnam.com/wp-content/uploads/2026/08/Forward-2.svg);
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:5px;
}
.tab_doingu .nav:hover>li:not(:hover)>a:before{
opacity:1;	
}
.tab_doingu .nav{
	padding-top:5%;
}





.so_do {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  max-width: 800px;
  margin: 30px auto;
}

.so_do h3 {
  grid-column: 1 / -1;
  justify-self: center;
  position: relative;
  background-color: var(--primary-color);
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  padding: 12px 50px;
  border-radius: 12px;
  margin: 0 0 45px 0;
  text-align: center;
	width:max-content;
}

.so_do h3::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 15px;
  border-left: 2px dotted #999;
  transform: translateX(-50%);
}

.so_do h4:nth-of-type(1) { grid-column: 1; grid-row: 2; }
.so_do ul:nth-of-type(1) { grid-column: 1; grid-row: 3; }
.so_do h4:nth-of-type(2) { grid-column: 2; grid-row: 2; }
.so_do ul:nth-of-type(2) { grid-column: 2; grid-row: 3; }

.so_do h4 {
  position: relative;
  background-color: var(--primary-color);
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  padding: 15px 30px;
  border-radius: 12px 12px 0 0;
  margin: 0;
  line-height: 1.3;
}

.so_do h4:nth-of-type(1)::before {
  content: '';
  position: absolute;
  top: -30px;
  left: 50%;
  right: -20px;
  height: 30px;
  border-top: 2px dotted #999;
  border-left: 2px dotted #999;
  border-top-left-radius: 12px;
}

.so_do h4:nth-of-type(2)::before {
  content: '';
  position: absolute;
  top: -30px;
  right: 50%;
  left: -20px;
  height: 30px;
  border-top: 2px dotted #999;
  border-right: 2px dotted #999;
  border-top-right-radius: 12px;
}


.so_do ul {
  background-color: #ebf3fa;
  border-radius: 0 0 12px 12px;
  padding:20px;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}


.so_do ul li {
  position: relative;
  padding-left: 22px;
  color: #222222;
  font-size: 16px;
	margin-left:0!important;
}

.so_do ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 13px;
  height: 13px;
  background-color: #0085C7;
  border-radius: 50%;
}
.single_post .post-time{
	color:#7E7E7E;
	display:flex;
	gap:10px;
	align-items:center;
	border-bottom: 1px dashed #4D4D4D;
	padding-top:10px;
	padding-bottom:15px;
	margin-bottom:30px;
}
.content_post{
	border-bottom: 1px dashed #4D4D4D;
	padding-top:30px;	
	padding-bottom:15px;
	margin-bottom:30px;
}


.post-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
}

.meta-views {
    display: flex;
    align-items: center;
    gap: 10px;
}


.meta-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 2px 10px;
    border-radius:5px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s ease, opacity 0.2s ease;
	font-size:16px;
	text-transform:none;
}

.btn-action:hover {
    background-color: #cc1f16;
    opacity: 0.95;
}

.icon-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	height:24px;
	width:24px;
}


.related-title{
	color:#DA251D;
	text-transform:uppercase;
	border-bottom:1px solid;
	font-size:32px;
	padding-bottom:15px;
	margin-bottom:40px;
}
.related-posts-slider{
	padding-top:40px;
	padding-bottom:40px;
}
.box-blog-post .is-divider{
	display:none
}
.box-blog-post .box-text{
	background:#fff;
	padding:8px 16px;
}
.box-blog-post .box-text .box-text-inner{
	display:flex;
	flex-direction:column;
}
.box-blog-post h5{
	order:2;
	font-size:18px;
}
.box-blog-post h5 a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-blog-post .post-meta{
	opacity:1;
	font-size:14px;
}
.nav-pagination>li>a, .nav-pagination>li>span{
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius:0;
}
ul.links li{
	margin:0;
}
.blog-wrapper .featured-posts-section > .row{
	border-bottom:1px dashed #ccc;
	margin-bottom:40px;
	padding-bottom:30px;
}
.blog-filter-header{
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
	background:#fff;
	padding:66px 60px;
	border-radius:20px;
	margin-bottom:50px;
}
.blog-filter-header input[type=search]{
	height:55px;
	box-shadow:none;
	border-radius:10px;
	padding-left:50px;
}
.blog-filter-header button.search-submit{
	position:absolute;
	margin:0;
}
.blog-filter-header .flex-row.flex-nowrap{
	max-width:700px;
	margin:0 auto;
}
.category-filter-list{
	display:flex;
	gap:20px;
	max-width:700px;
	margin:0 auto;
	justify-content:center;
    flex-wrap: wrap;
}
.category-filter-list a{
	background:#E5E5E5;
	padding:10px 20px;
	border-radius:10px;
	color:#232323;
}
.category-filter-list a.active{
	background:var(--fs-color-primary);
	color:#fff;
	font-weight:600;
}
.row_dvu a{
	color:#232323;
}
.row_dvu .col-inner{
	display:flex;
	align-items:center;
	justify-content:center;
}
.row_dvu h3{
	margin-bottom:0;
	font-size:30px;
}
.row_dvu p{
	margin-bottom:0;
	font-size:18px;
	line-height:1.2
}
.row_dvu .col{
	padding:0 5px 10px;
}
.row_dvu{
	padding-bottom:20px;
}

.blog_scroll {
    max-height: 460px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: rtl; 
    padding-left: 10px; 
    scrollbar-width: thin;
    scrollbar-color: #0085C7 rgba(224, 224, 224, 0.5);
}

.blog_scroll > .col {
    direction: ltr; 
}

.blog_scroll::-webkit-scrollbar {
    width: 10px;
}

.blog_scroll::-webkit-scrollbar-track {
    background: rgba(224, 224, 224, 0.5);
}

.blog_scroll::-webkit-scrollbar-thumb {
    background-color: #0085C7;
}

.blog_scroll::-webkit-scrollbar-thumb:hover {
    background-color: #006699;
}
.blog_scroll .col{
	padding-bottom:15px;
}
.m_0 > *{
	margin-bottom:0;
}

.site-table-header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 30px;
}
.site-table-header h1,
.site-table-header .rank-math-breadcrumb {
    margin: 0;
    white-space: nowrap;
    width: auto;
    flex: 1;
}
.site-table-header .search-form {
    max-width: 436px;
    position: relative;
}
.site-table-header .search-form .search-field {
    padding: 0 51px 0 20px;
    background: #ffffff;
    box-shadow: none;
    outline: none;
    border: 1px rgba(0,0,0,0.3) solid;
    border-radius: 99px;
    margin: 0;
}
.site-table-header .search-form button {
    width: auto;
    min-width: auto;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    margin: 0;
}
.site-table-header .search-form button i {
    color: #090909;
}
.site-table table {
    margin-bottom: 30px;
}
.site-table thead th {
    background: #DBDBDB;
    border-width: 1px 1px 1px 0;
    border-color: #8F8F8F;
    border-style: solid;
    padding: 8px 10px !important;
    text-align: center;
    color: #090909;
    font-size: 0.9em;
    font-weight: 400;
}
.site-table thead th:first-child {
    border-left: 1px #8F8F8F solid;
}
.site-table tbody td {
    background: #ffffff;
    border-width: 0 1px 1px 0;
    border-color: rgba(0,0,0,0.2);
    border-style: solid;
    padding: 25px 10px !important;
    color: #090909;
    font-size: 0.86em;
    font-weight: 400;
    text-align: center;
}
.site-table tbody td:first-child {
    border-left: 1px rgba(0,0,0,0.2) solid;
}
.site-table tbody td.td-unit,
.site-table tbody td.td-title {
    text-align: justify;
}
.site-table tbody td.download-cell a {
    min-width: 115px;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    color: var(--fs-color-secondary);
}
.site-table tbody td.download-cell a img {
    width: 20px;
}
.site-table tbody td.td-number {
    white-space: nowrap;
}
.site-table {
    overflow-x: auto;
}
.site-table table {
    min-width: 767px;

}