/*
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  ***************/


}

@font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/SVN-Poppins.ttf) format('woff2');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/SVN-PoppinsMedium.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/SVN-PoppinsLight.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/SVN-PoppinsSemiBold.ttf) format('woff2');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/SVN-Poppins.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/SVN-PoppinsBold.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/SVN-PoppinsBold.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/SVN-PoppinsBold.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/SVN-PoppinsSemiBold.ttf) format('woff2');
  }
  
  
  body, #masthead ul li a, h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a, li.tab.has-icon a {font-family: 'SVN-Poppins' !important;}
  h1, h2, h3, h5, h6, .heading-font {
      font-weight: 800 !important;
  }
.khachhang-marquee {
  overflow: hidden;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

input#woocommerce-product-search-field-0 {
    box-shadow: none;
    background-color: #fff!important;
    color: #222!important;
    height: 40px;
}

.searchform .button.icon {
    background-color: var(--fs-color-primary);
    width: 40px;
    height: 40px;
}


.khachhang-marquee .khachhang-marquee__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  margin-left: 0;
  margin-right: 0;
  will-change: transform;
  animation: khachhang-marquee-scroll var(--khachhang-marquee-duration, 28s) linear infinite;
}

.khachhang-marquee .khachhang-marquee__track > .col {
  flex: 0 0 auto;
  max-width: none;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.khachhang-marquee .khachhang-marquee__track > .col > .col-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: max-content;
  min-width: max-content;
  padding-left: 0;
  padding-right: 0;
}

.khachhang-marquee .khachhang-marquee__group {
  display: inline-flex !important;
  flex-wrap: nowrap;
  align-items: center;
  flex: 0 0 auto !important;
  width: max-content;
  min-width: max-content;
  gap: 0;
  margin: 0;
  padding-left: 0;
}

.khachhang-marquee .khachhang-marquee__group + .khachhang-marquee__group {
  margin-left: 24px;
}

.khachhang-marquee .khachhang-marquee__group > .col,
.khachhang-marquee .khachhang-marquee__group > .col-inner {
  flex: 0 0 calc((100vw - 240px) / 6) !important;
  width: calc((100vw - 240px) / 6) !important;
  max-width: calc((100vw - 240px) / 6) !important;
  min-width: calc((100vw - 240px) / 6) !important;
  padding: 0;
  margin: 0 !important;
}

.khachhang-marquee .khachhang-marquee__group > .col > .col-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
}

.khachhang-marquee .img-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.khachhang-marquee .img {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}

.khachhang-marquee img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-height: 70px;
  max-width: 100%;
  object-fit: contain;
}

.khachhang-marquee:hover .khachhang-marquee__track {
  animation-play-state: paused;
}

@keyframes khachhang-marquee-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-1 * var(--khachhang-marquee-shift, 50%)), 0, 0);
  }
}

@media only screen and (max-width: 767px) {
  .khachhang-marquee .khachhang-marquee__group {
    gap: 0;
  }

  .khachhang-marquee .khachhang-marquee__group > .col,
  .khachhang-marquee .khachhang-marquee__group > .col-inner {
    flex: 0 0 calc((100vw - 64px) / 2) !important;
    width: calc((100vw - 64px) / 2) !important;
    max-width: calc((100vw - 64px) / 2) !important;
    min-width: calc((100vw - 64px) / 2) !important;
    padding: 0;
  }

  .khachhang-marquee img {
    max-height: 48px;
  }

  .khachhang-marquee .khachhang-marquee__group + .khachhang-marquee__group {
    margin-left: 16px;
  }
}
.header-nav .nav-dropdown {
    min-width: 330px;
}

span.contact-price {
    font-weight: bold;
    font-size: 16px;
    color: red;
}
.blog-wrapper.blog-archive {
    padding-top: 0;
}

.mfp-close-btn-in .mfp-close {
    color: rgb(255 255 255);
    opacity: 1;
}
.icb-bg {
    background: var(--fs-color-primary);
    align-items: center;
    padding: 7px 10px;
	transition: all 0.3s ease-in-out;
	border: 1px solid var(--fs-color-primary);
	position: relative;
	overflow: hidden;
}

.icb-bg:before {
	content: '';
	width: 100%;
	height: 100%;
	background: #222;
	position: absolute;
	left: -100%;
	top: 0;
	z-index: 0;
	transition: all 0.3s ease-in-out;
}

.icb-bg:hover:before {
	left: 0;
}

.icb-bg .icon-box-img img {
	padding: 0;
}

.icb-bg .icon-box-text {
	padding-left: 10px !important;
}

.icb-bg .bg-tt{
	color: #fff;
	position: relative;
}

/* .icb-bg:hover {
    box-shadow: 0 0 20px 10px rgba(189, 44, 46, 0.5);
}
 */
.ct-list {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ct-item img {
    width: 20px;
}

.h-tt {
    font-weight: 900;
    font-size: 40px;
    color: var(--fs-color-primary);
    text-transform: capitalize;
}

.main-tt h1{
    font-weight: 900;
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
}

.main-tt {
    font-weight: 900;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
}


.main-tt span{
    color: var(--fs-color-primary);
}

.h-sub {
    margin-bottom: 10px;
}

.h-bt {
    display: flex;
    gap: 10px;
    align-items: center;
}

a.h-button {
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 2;
    color: #fff;
    text-align: center;
}

a.h-button.h-button-1 {
    background: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
}

a.h-button.h-button-2 {
    background: #222;
    border-color: var(--fs-color-primary);
}

a.h-button:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: -1;
	transition: all 0.3s ease-in-out;
}

a.h-button:hover:before {
    left: 0;
}

a.h-button.h-button-1:before {
    background: #222;
}

a.h-button.h-button-2:before {
        background: var(--fs-color-primary);
}

.icb-bn-h {
    align-items: center;
}

.icb-bn-h-tt {
    font-weight: 900;
    color: var(--fs-color-primary);
    font-size: 20px;
    line-height: 1;
}

.icb-bn-h img {
    padding: 0;
}

.absolute-footer {
	padding: 15px 0;
}


.copyright-footer {
	color: #fff !important;
}

.ft-cpn {
    font-weight: 900;
    color: var(--fs-color-primary);
    font-size: 18px;
    margin-bottom: 5px;
}

.icb-ft-tt {
    font-weight: bold;
    color: var(--fs-color-primary);
}

.icb-ft {
    margin-bottom: 10px;
}

.ft-tt {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}

.icb-ft-sub {
    font-size: 14px;
}

.ft-tt:after {
    width: 80px;
    height: 3px;
    background: var(--fs-color-primary);
    position: absolute;
    left: 0;
    content: '';
    bottom: 2px;
}

.ft-list-l ul li {
    list-style: none;
    margin-left: 0;
}

.lg-ft .ux-logo-link {
    padding: 0 !important;
    margin-bottom: 15px;
}

@keyframes MoveBackgroundPosition { 
  0% {
      background-position: 0% 50%
  }
  
  50% {
    background-position: 100% 50%
  }
  
  100% {
    background-position: 0% 50%
  }
}

.tq-main-tt h2 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
	color: var(--fs-color-primary);
/*     background: linear-gradient(90deg, var(--fs-color-primary), #ffffff, var(--fs-color-primary));
    background-size: 300% 100%;
    background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: MoveBackgroundPosition 6s ease-in-out infinite;
	line-height: 1.5; */
}

.tq-main-tt.tq-main-tt-dark h2 {
	color: var(--fs-color-primary);
/*     background: linear-gradient(90deg, var(--fs-color-primary), #222, var(--fs-color-primary));
    background-size: 300% 100%;
    background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: MoveBackgroundPosition 6s ease-in-out infinite;
	line-height: 1.5; */
}

.tp-main-links {
    text-align: right;
}

.product-small.box {
    box-shadow: 0 0 40px 0 rgb(36 42 86 / .15);
    background: #fff;
    border-radius: 10px
}

.product-small.box .box-image img {
    border-radius: 10px 10px 0 0;
}

.product-small.box .box-text {
    padding: 15px;
}

.product-small .product-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 36px;
    font-weight: 700;
    color: #222;
    font-size: 14px;
    margin-bottom: 10px
}

.icb-why-tt {
    font-weight: 900;
    color: var(--fs-color-primary);
}

.icb-why-sub {
    font-size: 14px;
}

.ud-tt {
    font-weight: bold;
}

.imb-ud {
    border-image: linear-gradient(45deg, #f7be14, #fffacd) 1;
    border-style: solid;
    border-width: 1px;
}

/* .icb-why .icon-box-img {
    background: #222;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid var(--fs-color-primary);
} */

.imb-dv .box-text {
    padding: 15px 10px;
}

.imb-dv-tt {
    font-weight: 900;
    color: var(--fs-color-primary);
		    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	min-height: 37px;
}

.imb-dv-sub {
    font-size: 14px;
	    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.box-blog-post .image-cover {
    position: relative
}

.box-blog-post {
    box-shadow: 0 0 40px 0 rgb(36 42 86 / .15);
    background: #fff
}

.box-blog-post .image-cover:before {
    top: 0;
    bottom: 0;
    left: 50%;
    right: 51%;
    background: rgb(255 255 255 / .3)
}

.box-blog-post .image-cover:after {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
    background: rgb(255 255 255 / .6)
}

.box-blog-post .image-cover::before,.box-blog-post .image-cover:after {
    content: "";
    position: absolute;
    opacity: 1;
    pointer-events: none
}

.box-blog-post:hover .image-cover:before {
    z-index: 999;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    -moz-transition: all 900ms linear;
    -o-transition: all 900ms linear;
    -ms-transition: all 900ms linear;
    transition: all 900ms linear
}

.box-blog-post:hover .image-cover:after {
    z-index: 999;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    -moz-transition: all 900ms linear;
    -o-transition: all 900ms linear;
    -ms-transition: all 900ms linear;
    transition: all 900ms linear
}

.box-blog-post .is-divider {
    display: none
}

.box-blog-post .post-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 38px;
    font-size: 16px
}

.box.box-vertical.box-text-bottom.box-blog-post.has-hover .post-title a {
    font-size: 14px;
    -webkit-line-clamp: 2
}

.widget .is-divider {
    display: none
}

.widget {
    background: #fff;
    box-shadow: 0 3px 5px rgb(0 0 0 / .3);
    padding: 10px
}

.widget .post_comments {
    display: none
}

.widget a {
    color: #222
}

span.widget-title {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
    display: block;
    color: #fff;
    text-align: center;
    background: var(--fs-color-primary);
    line-height: 1;
    padding: 10px 0;
    margin-bottom: 12px
}

h2.widget-title {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
    display: block;
    color: #fff;
    text-align: center;
    background: var(--fs-color-primary);
    line-height: 1;
    padding: 10px 0;
    margin-bottom: 12px
}

.recent-blog-posts a {
    display: block;
    line-height: 1.2;
    margin-bottom: 6px;
    color: #111;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 40px
}

.img-bd img {
	border-radius: 10px;
}

.cp-p-tt {
    font-size: 30px;
    font-weight: 900;
}

.cp-t-main {
    font-size: 30px;
    font-weight: 900;
    color: var(--fs-color-primary);
}

.cp-t-sub {
    margin-bottom: 10px;
}

.cp-t-sub-ic {
    font-weight: bold;
    padding-left: 30px;
    position: relative;
}

.cp-t-sub-ic:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 5px;
	width: 20px;
	height: 20px;
	background: url(/wp-content/uploads/2026/07/check.png);
	background-size: cover;
}

.icb-ab-num {
    font-weight: 900;
    font-size: 40px;
    line-height: 1;
}

.icb-ab-tt {
    font-weight: 900;
}

.icb-ab-sub {
    font-size: 14px;
    color: #c3c3c3;
}

.icb-tnsm-tt {
    font-weight: 900;
    font-size: 20px;
}

.icb-gtcl-tt {
	font-weight: bold;
	font-size: 18px;
}


.timeline-maker {
    width: 35px;
    height: 35px;
    background: #fff;
    border: 2px solid var(--fs-color-primary);
    position: relative;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

.timeline-maker:after {
    width: 25px;
    height: 25px;
    background: var(--fs-color-primary);
    position: absolute;
    content: '';
    left: 3px;
    top: 3px;
    border-radius: 50%;
}

.time-line-item {
    display: flex;
    flex-direction: column;
}

.timeline-content {
    text-align: center;
}

.timeline-year {
    margin-top: 10px;
    font-weight: 900;
    font-size: 20px;
}

.timeline-sub {
    font-size: 14px;
}

.icb-t-tt {
    font-size: 18px;
    color: var(--fs-color-primary);
    font-weight: bold;
}

.childp-tt h1 {
    font-size: 16px;
    color: var(--fs-color-primary);
}

.acn-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.acn-col {
    width: 50%;
}

.acn-col-full {
    width: 100%;
}

.wpcf7-form-control.wpcf7-submit {
    background: var(--fs-color-primary) !important;
}

span.wpcf7-spinner {
    display: none;
}

.wpcf7-form {
	margin-bottom: 0;
}

.p-ct-tt h3 {
    position: relative;
    padding-bottom: 5px;
}

.p-ct-tt h3:after {
    content: '';
    height: 3px;
    width: 50px;
    background: var(--fs-color-primary);
    position: absolute;
    bottom: 0;
    left: 0;
}

.icb-ctp {
    margin-bottom: 15px;
}

.icb-ctp .icon-inner {
    width: 40px;
    height: 40px;
    background: var(--fs-color-primary);
    border-radius: 50%;
    padding: 8px;
}

.icb-ctp .icon-inner img {
    padding: 0;
    line-height: 1;
}

.icb-ctp-tt {
    font-weight: 900;
    line-height: 1.2;
}

div#shop-sidebar .widget {
    padding: 0;
    box-shadow: none;
}

.thienquang-generator-filter__checkbox-group legend {
    margin: 0;
    font-size: 16px;
	display: inline;
	width: auto;
	border-bottom: 0;
	color: var(--fs-color-primary);
}

.p-ct-company {
    margin-top: 20px;
    color: var(--fs-color-primary);
}

.acn-note {
    text-align: center;
    font-size: 14px;
}

.acn-note p {
    margin-bottom: 0;
}

.wpcf7 form {
    margin-bottom: 0;
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    font-weight: normal;
}
.wpcf7-select,
.wpcf7-select option {
  background: #111;
  color: #fff;
}

.icb-dvmpd .icon img {
    padding: 0;
}

.icb-dvmpd .icon-box-img {
    background: #222;
    border-radius: 50%;
    margin-top: -40px;
	border: 1px solid var(--fs-color-primary);
}

.imb-dvmpd-tt {
    font-weight: bold;
    font-size: 16px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.imb-dvmpd-tt:after {
    content: '';
    background: var(--fs-color-primary);
    height: 3px;
    width: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.icb-dv-s-tt {
    font-weight: bold;
}

.icb-dv-s-sub {
    font-size: 14px;
}

.icb-dv-s {
    align-items: center;
}

.icb-dv-s img {
    padding: 0;
}


.five-columns .col {
    width: 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding: 15px; /* Adjust padding as needed */
    box-sizing: border-box;
}

/* Ensure row wraps columns correctly */
.five-columns {
    display: flex;
    flex-wrap: wrap;
}


.icb-qt .icon-box-img {
    background: #fff;
    border-radius: 50%;
    width: 80px !important;
    height: 80px !important;
    padding: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.icb-qt .icb-nb {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 15px;
	left: calc(50% - 50px);
	background: var(--fs-color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 50%;
}

.qt-tt {
	font-weight: 900;
}

.five-columns .col:first-child .icb-qt:before {
	display: none;
}

.five-columns .col:last-child .icb-qt:before {
	display: none;
}

.icb-qt:before {
    content: '';
    position: absolute;
    width: 30px;
    top: 50%;
    left: -30px;
    height: 3px;
    border-top: 2px dashed var(--fs-color-primary);
}

.icb-gpp-tt {
    font-weight: 900;
    font-size: 16px;
}

.icb-gpp-sub {
    font-size: 14px;
}

.icb-gpp {
    align-items: center;
}

.icb-gpp img {
    padding: 0;
}

.r-gpp >.col >.col-inner {
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 5px;
}

.imb-gpp img {
    border-radius: 5px 5px 0 0;
}

.imb-gpp-tt {
    font-weight: 900;
    color: var(--fs-color-primary);
}

div#modal-tuvan , #modal-baogia {
    background: transparent;
}

.col-modal >.col-inner {
    border: 2px solid #ffd098;
    background: radial-gradient(circle at top center, rgba(255, 208, 152, 0.13), transparent 35%), linear-gradient(135deg, #07090b 0%, #151a1e 50%, #08090a 100%);
    color: #fff;
}

.f-tv-tt {
    font-size: 20px;
    text-align: center;
    font-weight: 900;
}

.f-tv-tt-2 {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    color: var(--fs-color-primary);
}

.f-tv-sub {
    text-align: center;
    margin-bottom: 10px;
}

#modal-tuvan .wpcf7 label ,#modal-baogia .wpcf7 label  {
   color: #fff;
}


#modal-tuvan .wpcf7-form-control, #modal-baogia .wpcf7-form-control {
    width: 100%;
    margin-top: 5px;
    border: 1px solid rgba(255, 208, 152, .22);
    background: #090a0a;
    color: white;
    border-radius: 5px;
    outline: none;
    height: 40px;
}

#modal-tuvan .wpcf7-form-control:focus , #modal-baogia .wpcf7-form-control:focus{
    border-color: var(--fs-color-secondary);
    box-shadow: 0 0 0 3px rgba(255, 208, 152, .08);
    background: transparent;
    color: #fff;
}



#modal-tuvan input.wpcf7-form-control.wpcf7-submit.has-spinner.bt-n-ud , #modal-baogia input.wpcf7-form-control.wpcf7-submit.has-spinner.bt-n-ud {
    background: linear-gradient(135deg, #b97a2b, var(--fs-color-secondary) 52%, #efb85f);
    transition: .25s;
    height: auto;
    padding: 5px;
    color: #222;
}

#modal-tuvan .acn-note p {
	color: #fcfcfc;
}

.imb-cs-tt {
    font-weight: 900;
    font-size: 20px;
    text-align: left;
    color: var(--fs-color-primary);
}

.imb-cs {
    text-align: left;
    background: #fff;
}

.imb-cs-sub {
    margin-bottom: 10px;
}

.imb-cs-list {
    text-align: left;
}

.main-tt-2 {
    font-weight: 900;
    font-size: 24px;
}


.icb-product {
    align-items: center;
}

.icb-product img {
    padding: 0;
}

.icb-product-tt {
    font-weight: bold;
}

td:last-child, th:last-child {
    padding-right: .5em;
}
td:first-child, th:first-child {
    padding-left: .5em;
}


.nav-dropdown>li.nav-dropdown-col {
   display: block
}

.off-canvas .nav-vertical>li>a {
    padding-bottom: 15px;
    padding-top: 15px;
    font-weight: bold;
    color: #222;
}

.nav-dropdown {
	padding: 0
}

.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a {
	font-weight: 500 !important;
	text-transform: none !important;
	font-size: 15px;
	margin: 0 15px;
	padding: 13px 0;
}

.nav-dropdown>li {
    border-top: 1px solid #ececec;
}

.nav-dropdown .nav-dropdown-col>ul li:hover {
	background: var(--fs-color-primary);
}

.nav-dropdown-default>li:hover>a,
.nav-dropdown .nav-dropdown-col>ul li:hover>a {
	color: white
}

.nav-dropdown-default>li:hover {
	background: var(--fs-color-primary);
}

.nav-dropdown-default>li>a {
	border-bottom: 0 !important
}

.nav-dropdown-has-arrow li.has-dropdown:before {
	border-width: 10px;
	margin-left: -10px;
}

.nav-dropdown .nav-dropdown-col>ul {
	margin-top: -50px;
	box-shadow: 1px 1px 15px rgba(0,0,0,.15);
	display: none;
	position: absolute;
	left: 100%;
	z-index: 9;
	background: white;
	min-width: 260px;
}


.nav-dropdown>li.nav-dropdown-col {
	width: 100%;
	border-right: 0
}

.nav-dropdown .nav-dropdown-col>ul li a {
	padding: 15px;
	text-transform: none;
	color: black
}

.header-nav li.nav-dropdown-col:hover>ul {
	display: block !important
}

.menu-item .active>ul.children,
.menu-item .active>ul.sub-menu:not(.nav-dropdown) {
	display: none !important;
}


.nav-dropdown>li>a {
    color: #222;
}


.bl-black .box-text {
    background: #222;
}

.bl-black .box-text a {
    color: var(--fs-color-primary);
}

.bl-black p.from_the_blog_excerpt {
    color: #ffff;
}

.icb-t-sub {
    margin-bottom: 15px;
}

.custom-tai-sao-section {
    padding: 20px;
    background: #f1f1f1;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.mobile-sidebar .header-block {
    padding-left: 20px;
}

.p-tt-why {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.ts-tt {
    font-weight: bold;
    font-size: 14px;
	    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 36px;
    font-weight: 700;
    color: #222;
    font-size: 14px;
    margin-bottom: 10px;
}

.ts-desc {
    font-size: 14px;
}

.p-tt-ung-dung {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.ud-tt-c {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}

.table-thong-so-ky-thuat table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
            font-size: 15px;
        }
        .table-thong-so-ky-thuat th, .table-thong-so-ky-thuat td {
            border: 1px solid #e0e0e0;
            padding: 10px 15px;
            text-align: left;
        }
        .table-thong-so-ky-thuat th {
            background-color: var(--primary-color, #446084);
            color: #ffffff;
            font-weight: bold;
            text-transform: uppercase;
        }
        .table-thong-so-ky-thuat tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        .table-thong-so-ky-thuat tr:hover {
            background-color: #f1f1f1;
        }

.product-ts-tt {
    font-weight: bold;
    margin-bottom: 10px;
	position: relative;
    display: inline-block;
    margin-top: 8px;
}

.product-ts-tt:before {
    background-color: var(--fs-color-primary);
    content: " ";
    height: 3px;
    position: absolute;
    top: -7px;
    transition: all .3s;
    width: 100%;
    width: 100%;
    left: 0;
}

.box.box-text-bottom.box-blog-post .box-text {
    padding: 15px;
}

.box.box-text-bottom.box-blog-post .box-text .post-title {
    position: relative;
    padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold !important;
}

.box.box-text-bottom.box-blog-post .box-text .post-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: var(--fs-color-primary);
}

.wpcf7-response-output {
    color: #fff;
}