/*
Theme Name: WebNganh Child
Description: Website Design by Wordpress and Theme Flatsome
Author: UX Themes Web Nganh
Template: flatsome
Theme URI: https://webnganh.com/
Author URI: https://webnganh.com/
Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn
Version: Code DevWp WebNganh
*/

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

@font-face {
  font-family: 'UTM Bebas';
    src: url('../../fonts/UTM-Bebas.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



#logo {
  display: flex;
  align-items: center;
  gap: 4px;
}

.tab-panels{
    padding-top: 40px;
}

.post-item{
	padding-bottom:0px;
}

.pb-40{
	padding-bottom:40px !important;
}

.pb-10{
	padding-bottom:10px !important;
}

.img,
.img img {
  width: unset !important;
}

#masthead {
  position: fixed;
  width: 100%;
  margin: auto;
}

.top-divider {
  display: none;
}

.logo-tagline {
  font-family: Inter;
  font-weight: 700;
  font-size: 18px;
  color: #000000;
  font-style: normal;
  text-transform: uppercase;
}

#header #masthead .flex-row {
  height: 44px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.5)
  );
  border-radius: 99px;
  padding: 6px 6px 6px 12px;
  border: 1px solid #ffffff;
  max-width: 780px;
  z-index: 9999;
  position: relative;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
}

.hide-for-medium {
  align-items: center;
  display: flex;
}

.header-nav .menu-item .nav-top-link {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-family: Inter;
  text-transform: capitalize;
  line-height: 20px;
}

.header-button-1 .header-button span {
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  color: #000000;
  text-transform: none;
  line-height: 20px;
}

.header-button-2 .header-button .button {
  border-radius: 99px;
	
	border: none;
	    background: linear-gradient(338deg, rgb(35, 112, 202) 0%, rgb(68, 0, 155) 100%);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
	line-height: 30px;
}

.header-button-2 .header-button span {
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  color: #fff;
  text-transform: none;
  line-height: 20px;
}

.section_banner .title p {
  background: linear-gradient(
    90deg,
    rgba(219, 76, 140, 1),
    rgba(99, 34, 213, 1),
    rgba(68, 131, 217, 1)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
	line-height: 60px;
  font-weight: 700;
  margin-bottom: 0px;
}

.section_banner .description p {
  max-width: 618px;
  margin: auto;
  font-size: 16px;
  line-height: 24px;
  color: #000000b2;
}

.section_banner .button_dung_thu {
  background: linear-gradient(
    90deg,
    rgba(68, 0, 155, 1),
    rgba(35, 112, 202, 1)
  );
  border-radius: 8px;
  padding: 9px 20px 9px 20px;
  line-height: normal;
}

.section_banner .button_xem_video {
  background: none;
  color: #000000;
  padding: 10px 20px;
  line-height: normal;
  border: none;
}

.button_xem_video i::before {
  font-family: "Font Awesome 6 Free";
  content: "\f144"; /* mã unicode của fa-circle-play */
  font-weight: 400;
}

.section_banner img {
  width: unset !important;
}

.section_banner .col-left p {
  margin-bottom: 0px;
}

.section_banner .col-left .img-inner {
  position: absolute;
  left: 0;
  top: -40vh;
}

.section_banner .col_pdf {
  padding: 0px;
  max-width: 52px;
  margin: 0px;
}

.section_banner .col-right {
  margin-left: 0px;
  padding: 0px;
}

.section_banner .col-right p {
  margin-bottom: 0px;
}

.section_banner .col-right .img-inner {
  position: absolute;
  right: 0;
  top: -40vh;
}

.section_tao_bang_gia .title p {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.section_tao_bang_gia .description p {
  font-size: 16px;
  max-width: 600px;
  margin: auto;
  color: #000000b2;
}

.section_tao_bang_gia .col_da_dang > .col-inner {
  padding: 20px;
  padding-bottom: 0px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.section_tao_bang_gia .col_da_dang .col-inner .icon-box {
  position: relative;
}

.section_tao_bang_gia .col_da_dang .col-inner .icon_box_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 8px 0px 12px;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.20),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
}

.section_tao_bang_gia .col_da_dang .title p {
  margin-bottom: 8px;
}

.section_tao_bang_gia .col_da_dang .description p {
  font-size: 12px;
  line-height: 20px;
  color: #000000b2;
}

.section_tao_bang_gia .col_cap_nhat > .col-inner {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.section_tao_bang_gia .col_cap_nhat .col_img {
  padding: 0px;
}

.section_tao_bang_gia .col_cap_nhat .icon_box_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 8px 0 12px;
  border-radius: 2px;
  background: linear-gradient(    to right,    rgba(0, 0, 0, 0),    rgba(0, 0, 0, 0.20),    rgba(0, 0, 0, 0)  );
  filter: blur(0.5px);
  pointer-events: none;
}

.section_tao_bang_gia .col_cap_nhat .icon-box p {
  text-align: left;
}

.section_tao_bang_gia .col_cap_nhat .title p {
  font-weight: 400;
  font-size: 16px;
  text-transform: unset;
  margin-bottom: 16px;
}

.section_tao_bang_gia .col_cap_nhat .description p {
  font-size: 12px;
  line-height: 20px;
  color: #000000b2;
  margin-bottom: 16px;
}

.section_tao_bang_gia .col_cap_nhat .company_item .title p {
  font-size: 14px;
  line-height: 20px;
  color: #000000b2;
  margin-bottom: 0px;
}

.section_tao_bang_gia .col_cap_nhat .company_item .icon-box {
  align-items: center;
}

.section_tao_bang_gia .col_cap_nhat .company_item {
  padding: 10px;
  border: 1px solid #0000001a;
  border-radius: 8px;
  margin-bottom: 8px;
}

.section_tao_bang_gia .col_cap_nhat .company_item .icon-box-img {
  width: 10px !important;
}

.section_tao_bang_gia .col_cap_nhat .company_item .icon-box-text p {
  font-size: 12px;
  line-height: 20px;
}

/* .tabbed-content .tab-content {
  position: relative;
}

.tabbed-content ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #e4e4e5;
  background: #fdfdfe;
  border-radius: 99px;
}

.tabbed-content ul li {
  display: flex;
  justify-content: center;
  margin: 0px;
  border-radius: 99px;
}
.tabbed-content ul li a {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #000000;
}

.tabbed-content ul li.active {
  border-radius: 99px;
  background: #4c4c4d;
}

.tabbed-content ul li.active a {
  color: #ffffff;
}

 */

.tabbed-content .icon-box {
  margin-bottom: 8px;
}

.tabbed-content .icon-box-text .name p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}

.tabbed-content .icon-box-text .price p {
  font-size: 14px;
  line-height: 20px;
  color: #00438c;
}

.tabbed-content .content p {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
}

.tabbed-content ul {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #e4e4e5;
  border-radius: 99px;
  background: #fdfdfe;
  overflow: hidden;
  --active-left: 0%;
}

.tabbed-content ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2; /* Cao hơn ::after */
  pointer-events: auto;
  margin-right: 0;
}

.tabbed-content ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  padding: 8px 16px;
  box-sizing: border-box;
  text-align: center;
  transition: coloruppg 0.3s ease;
  position: relative;
  z-index: 2;
}

.tabbed-content ul li.active a {
  color: #fff;
}

/* Indicator - nằm DƯỚI */
.tabbed-content ul::after {
  content: "";
  position: absolute;
  top: 0;
  left: var(--active-left);
  width: 50%;
  height: 100%;
  background: #4c4c4d;
  border-radius: 99px;
  transition: left 0.3s ease;
  z-index: 1; /* Thấp hơn li */
  pointer-events: none;
}



.section_tao_bang_gia .col_support > .col-inner {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.section_tao_bang_gia .col_support .col_img {
  padding: 0px;
}

.section_tao_bang_gia .col_support .icon_box_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 8px 0 12px;
  border-radius: 2px;
  background: linear-gradient(    to right,    rgba(0, 0, 0, 0),    rgba(0, 0, 0, 0.20),    rgba(0, 0, 0, 0)  );
  filter: blur(0.5px);
  pointer-events: none;
}

.section_tao_bang_gia .col_support .icon-box p {
  text-align: left;
}

.section_tao_bang_gia .col_support .title p {
  font-weight: 400;
  font-size: 16px;
  text-transform: unset;
  margin-bottom: 16px;
}

.box-image img {
  max-width: 100%;
  width: unset !important;
}

.section_tao_bang_gia .col_support .social_item {
  border: 1px solid #0000001a;
  padding: 10px;
  border-radius: 8px;
  align-items: flex-end;
  margin-bottom: 8px;
}

.section_tao_bang_gia .col_support .social_item {
  border: 1px solid #0000001a;
  padding: 10px;
  border-radius: 8px;
  align-items: flex-end;
  margin-bottom: 8px;
}


.section_thong_so .row_thong_so .box-image img {
  margin: auto;
  display: flex;
}

.section_thong_so .row_thong_so .box-text h4 {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
	margin-bottom: 10px;
}

.section_thong_so .row_thong_so .box-text p {
  font-size: 14px;
  color: #000000b2;
}


.section_tai_sao .title p {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}

.section_tai_sao .col-left {
  margin-right: 0px;
  padding: 0px;
}

.section_tai_sao .col-left .img-inner {
  position: absolute;
  left: 0;
  top: -40vh;
}

.section_tai_sao .col_pdf {
  padding: 0px;
  max-width: 136px;
  width: auto;
  max-height: 24px;
}

.section_tai_sao .col-right {
  margin-left: 0px;
  padding: 0px;
}

.section_tai_sao .col-right p {
  margin-bottom: 0px;
  font-size: 16px;
  color: #000000b2;
  line-height: 24px;
  font-weight: 400;
  margin-left: 8px;
}

.section_tai_sao .item_danh_gia > .col-inner {
  padding: 20px;
  gap: 8px;
  display: grid;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.section_tai_sao .row_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  margin: 12px 0;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
  pointer-events: none;
}

.section_tai_sao .row_danh_gia {
  width: 100vw !important;
  max-width: 100vw !important;
}

.section_tai_sao .item_danh_gia .description p {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.section_tai_sao .item_danh_gia .icon-box-text h3 {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
	font-weight: 400 !important;
}

.section_tai_sao .item_danh_gia .icon-box-text p {
  font-size: 12px;
  color: #000000b2;
  line-height: 20px;
}

.marquee-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #f2f3fa;
  border-width: 1px 0; /* chỉ top & bottom */
  border-style: solid;
  border-image: linear-gradient(90deg, #db4c8c, #6322d5, #4483d9) 1;
}

.marquee-track {
  display: inline-block;
  white-space: nowrap;
  animation: marquee-scroll 25s linear infinite;
  margin: 14px 0 10px;
}

.marquee-track span {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #db4c8c, #6322d5, #4483d9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 24px;
}

.marquee-track .dot-icon {
  width: 20px;
  height: 20px;
  margin: 0 15px;
  margin-top: -9px;
}

.marquee-bar p {
  display: inline;
  margin: 0;
  padding: 0;
}

.row_chu_chay {
  margin-top: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.section_goi .section-bg.bg-loaded {
  background-position: top;
}

.section_goi .title p {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.section_goi .description p {
  font-size: 16px;
  font-weight: 400;
  color: #000000b2;
  line-height: 24px;
}

.section_goi .tabbed-content ul {
  max-width: 150px;
  margin: 0 auto;
  position:relative;
}

.section_goi .tabbed-content ul li a {
  text-transform: capitalize;
  padding: 6px 16px;
}

.section_goi .tabbed-content .row {
  margin: 0 183px;
}

.package_item {
  padding-bottom: 0px !important;
}

.package_item .col-inner {
  border-width: 1px;
  padding: 20px;
  border-radius: 10px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
  border: 1px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  border-image-slice: 1;
}

.package_item .name p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #000000b2;
  margin-bottom: 6px;
  margin-top: 10px;
}

.package_item .price p {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 6px;
  margin-top: 6px;
}

.package_item .price sup {
  font-size: 0.6em; /* nhỏ hơn một chút */
  vertical-align: super; /* bay lên */
  margin-left: 2px; /* khoảng cách nhỏ */
}

.package_item .price span {
  font-size: 14px;
  font-weight: 100;
}

.package_item .number_file p {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.package_item .number_file p::after,
.package_item .description::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  margin: 20px 0;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
  pointer-events: none;
}

.package_item .description p {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}
.button_basic {
  border-radius: 8px !important;
  background: rgba(0, 0, 0, 1);
  margin-bottom: 0;
}

.button_professional {
  border-radius: 8px !important;
  background: linear-gradient(135deg, #44009b 0%, #2370ca 100%);  
  margin-bottom: 0;
}

.button_enterprise {
  border-radius: 8px !important;
  background: linear-gradient(
    143deg,
    rgb(255, 32, 32) 0%,
    rgb(239, 50, 95) 49%,
    rgb(89, 36, 138) 100%
  );
  margin: 0;	
}

.button_basic span,
.button_enterprise span {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

.blog-wrapper {

  padding-top: 164px;
  margin: 0;
  padding-bottom: 0;
}

.quotation-price__blur {
	opacity: 0.2;
  position: absolute;
  right: -16px;
  top: 38px;
  z-index: 10;
  width: 56%;
  height: 60%;
  transform: translateY(-32%);
  filter: blur(22px);
  background: linear-gradient(
    136deg,
    rgba(242, 98, 181, 0) 6%,
    rgba(95, 197, 255, 0.3) 34%,
    rgba(255, 172, 137, 0.6) 50%,
    rgba(129, 85, 255, 0.5) 59%,
    rgba(120, 157, 255, 0.4) 84%,
    rgba(159, 115, 241, 0) 91%
  );
}

.section_tin_tuc .title p {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}

.section_tin_tuc .description p {
  font-size: 16px;
  line-height: 24px;
  max-width: 612px;
  margin: auto;
  text-align: center;
	color: #000000b2;
}

.post-item .box-image img {
  border-radius: 8px;
  width: 100% !important;
}

.post-item > .col-inner {
  border-width: 1px;
  padding: 20px;
  border-radius: 10px;
  background: linear-gradient(to right, #ffffff99, #ffffff80);
  border: 1px solid #ffffff;
  max-width: 780px;
  z-index: 9999;
  position: relative;
  backdrop-filter: blur(15px) brightness(1.2);
  -webkit-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1), 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.post-item .box-text {
  padding: 0px;
}

.post-item .box-text .box-text-inner {
  display: flex;
  flex-direction: column;
}

.post-item .cat-label {
  margin-top: 20px;
  color: #00438c;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
  margin-bottom: 8px;
  order: 1;
	opacity: 1;
}

.post-item .post-title {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  order: 2;
	margin-bottom: 8px;
}

.post-item .from_the_blog_excerpt {
  font-size: 14px;
  font-weight: 400;
  color: #000000b2;
  order: 3;
}

.post-item .post-meta {
  order: 5;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  color: #00000080;
}

.post-item .is-divider {
  order: 4;
  width: 100%;
  height: 1.5px;
  margin: 12px 0px;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
  max-width: 100%;
}

.post-meta.is-small.op-8::before {
  content: "\f133"; /* mã Unicode của fa-calendar */
  font-family: "Font Awesome 6 Free"; /* Font Awesome 6 */
  font-weight: 400; /* Regular */
  margin-right: 8px;
  color: #777;
  vertical-align: middle;
  display: inline-block;
}

.view_all {
  border-radius: 8px !important;
  background: linear-gradient(
    338deg,
    rgb(35, 112, 202) 0%,
    rgb(68, 0, 155) 100%
  );
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 0px;
}

.row_banner {
  background-image: url(/wp-content/uploads/2025/10/Image-2-1.png);
  border-radius: 10px;
  background-position: top;
  background-size: cover;
	    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
}

.row_banner .title {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  max-width: 506px;
  margin-bottom: 16px;
}

.row_banner .description {
  font-size: 16px;
  font-weight: 400;
  color: #ffffffb2;
  max-width: 506px;
}

.row_banner .col-img .col-inner {
  height: 100%;
}

.row_banner .col-img .col-inner .img_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-top: 30px;
}

.row_banner .button_xem_video {
  background: none;
  color: #ffffff;
  padding: 10px 20px;
  line-height: normal;
  border: none;
  margin: 0;
}

.list_menu,
.list_social {
  padding-bottom: 24px;
}

.list_menu .col-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 650px;
  margin: 0 auto !important;
  gap: 20px;
}

.list_menu .col-inner p {
  margin-bottom: 0px;
}

.list_social .col-inner {
  display: flex;
  justify-content: center;
  max-width: 650px;
  margin-right: auto !important;
  margin-left: auto !important;
  gap: 24px;
}

.list_social .col-inner .img {
  margin-bottom: 0px;
}

.section_footer .col-left {
  margin-right: 10px;
}

.section_footer .col-right {
  margin-left: 10px;
}

.section_footer .col-img {
  max-width: 20px;
}

.section_footer .row_bottom {
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
}

.section_footer .row_bottom p {
  margin-bottom: 0px;
  font-size: 14px;
  color: #000000b2;
}

.absolute-footer {
  display: none;
}

.section_tin_tuc {
  padding-bottom: 32px !important;
}

.entry-header {
  display: flex;
  flex-direction: column;
}
.entry-header .entry-divider {
  display: none;
}

.entry-header-text {
  order: 2;
  text-align: start;
}

.entry-category {
  margin-top: 26px;
  text-align: start;
  font-size: 12px;
  font-weight: 500;
  color: #00438c;
  margin-bottom: 8px;
	text-transform: unset;
    opacity: 1;
}

.entry-title {
  text-align: start;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
}

.title_blog {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  max-width: 330px;
}

.description_blog {
  font-size: 16px;
  font-weight: 400;
  color: #ffffffb2;
  max-width: 330px;
}

.pb-0.section_tin_tuc {
  padding-bottom: 0px !important;
}

.category-development {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.blog-wrapper .large-10.col {
  padding-bottom: 0px;
}

.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links {
  width: fit-content;
  margin: 0 auto !important; /* Đảm bảo căn giữa */
  border: 1px solid #0000001a; /* Kiểm tra màu rõ hơn */
  padding: 2px;
  border-radius: 99px;
}

.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li {
  margin: 0;
}

.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li
  a,
.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li
  span {
  border: none;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  padding: 4px 16px;
  display: flex;
  align-items: center;
}

.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li
  a.prev,
.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li
  a.next {
  display: none;
}

.nav-pagination > li > .current,
.nav-pagination > li > a:hover,
.nav-pagination > li > span:hover {
  background-color: #000000b2;
  border-color: #000000b2;
  color: #ffffff !important;
}

.section_footer{
	flex-direction: column;
}

.section_footer .section-content{
	order: 2;
}

.section_footer::after {
    content: "";
    width: 100%;
    height: 1.5px;
    margin: 36px;
    border-radius: 2px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    filter: blur(0.5px);
    pointer-events: none;
    order: 1;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

li#tab-year:after {
    content: "Discount 10%";
    position: absolute;
    right: -128px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    background: linear-gradient(143deg, rgb(255, 32, 32) 0%, rgb(239, 50, 95) 49%, rgb(89, 36, 138) 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
}

#tab-year a::before {
  content: "";
  position: absolute;
  right: -20px; /* đặt giữa tab và label */
  top: 50%;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent #ff4b2b transparent transparent;
}


.section_interested .row_button .col{
	max-width: fit-content;
}

.page_new .post-item{
	padding-bottom:30px
}

.section_interested .img_right{
	position: absolute;
    max-width: 618px;
    bottom: -30px;
    right: -15px;
}

.section_interested .row_info .col-inner{
	padding: 50px 0px 10px 50px;
    margin-top: 0px !important;
}

.section_interested .row_info .img_right img{
	transform-origin: right bottom;
    transform: scale(0.8);
}

.section_news .title p {
    margin-bottom: 0px;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

.section_news .description p {
    font-size: 16px;
    line-height: 24px;
    max-width: 612px;
    margin: auto;
    text-align: justify;
    color: #000000b2;
}

.section_news .today p{
    margin-bottom:0px;
	font-size:20px;
}

.section_news .post-item > .col-inner {
	max-width:600px;
	margin: initial;
	margin-bottom:40px
}

.section_news .post-item{
    align-items: flex-start;
    display: flex;
    justify-content: center;
    gap: 20px;
	flex-direction: row-reverse;
}


.section_news .post-item .post-meta {
	width: 160px;
	text-align: end;
	font-size: 14px;
    color: #000000b3;
    font-weight: 500;
}

.section_news .post-item .post-title {
	margin-top: 20px;
}

.blog-single blockquote{
	font-size: 16px;
    border: none;
    font-style: normal;
    padding: 0;
	color: #000;
}


.blog-single blockquote::before{
  content: "❝";
  font-family: "Jomolhari", serif;
  font-weight: 400;
  font-size: 100px;
  line-height: 100px;
  top: -20px;
  left: -65px;	
  position: absolute;
  background: linear-gradient(90deg, #DB4C8C, #6322D5, #4483D9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  opacity: 1;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
}

.entry-content{
	padding: 0 66px;
	text-align: justify;
}

.entry-meta{
	margin-bottom: 16px;
}

.blog-single blockquote::after{
  content: "❞";
  font-family: "Jomolhari", serif;
  font-weight: 400;
  font-size: 100px;
  line-height: 100px;
  bottom: -50px;
  right: -55px;	
  position: absolute;
  background: linear-gradient(90deg, #DB4C8C, #6322D5, #4483D9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  opacity: 1;
}


.section_news .post-item .post-title::after {
	content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  margin: 20px 0px;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
}


.section_news .post-item .is-link {
	order:4;
	backdrop-filter: blur(10px);
    opacity: 1;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 0px, rgba(0, 0, 0, 0.05) 0px 4px 4px 0px, rgba(0, 0, 0, 0.05) 0px 1px 0px 0px;
    width: fit-content;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    height: min-content;
    justify-content: left;
    padding: 4px 12px;
    position: relative;
    margin: 0px;
	margin-left: auto;
}

.section_news .post-item .is-divider {
	display:none;
}

.section_news .row_title .col-inner {
	align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: flex-start;
    max-width: 400px;
    min-width: 300px;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    margin: auto;
}


@media only screen and (max-width: 1024px) {
  /*************** ADD TABLET ONLY CSS HERE  ***************/
  .section_banner .col-right .img-inner {
    top: -25vh;
  }

  .section_banner .col-left .img-inner {
    top: -25vh;
  }
  .nav-icon.has-icon .is-small {
    padding-top: 0px;
  }

  .section_banner .col-left img {
    transform: scale(0.8);
    transform-origin: left center;
  }

  .section_banner .col-right img {
    transform: scale(0.8);
    transform-origin: right center;
  }

  .section_goi .tabbed-content .row {
    margin: 0;
  }
	
  .transparent #logo img {
    max-height: 40px !important;
  }	
	
  .stuck #logo img {
    max-height: 40px !important;
  }
}

article.type-post{
	max-width:670px;
	margin: auto;
}

.item_danh_gia .icon-box {
    align-items: center;
}


@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .section_banner .col-left img {
    transform: scale(0.5);
    transform-origin: left center;
  }

  .section_banner .col-right img {
    transform: scale(0.5);
    transform-origin: right center;
  }

  .package_item {
    margin-bottom: 15px;
  }
  .package_item:first-child {
    margin-bottom: 0 !important;
  }

  .post-item {
    padding-bottom: 30px;
  }

  #logo {
    margin: auto;
  }

  .section_interested {
    padding: 0px 15px;
  }

  li#tab-year:after {
    display: none;
  }

  #tab-year a::before {
    display: none;
  }
	
 	.section_interested .row_info .col-inner {
    padding: 40px 15px;
  
	}
	
	.section_news .post-item .post-meta {
    width: 100%;
    text-align: center;
}
	
	.section_news .post-item {
   
    justify-content: center;
    flex-direction: column-reverse;
}
	
	
}






.section_banner .bon p img {
    margin: 0 !important;
    transform: unset;
    transform-origin: center;
}
.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    box-shadow: none;
}
.section_banner .title p {
    margin-bottom: 30px;
	font-family: 'UTM Bebas';
	letter-spacing: 2px;
}
#masthead {
    margin-top: 40px;
    padding: 0 15px;
}
.mobile-nav .nav-icon.has-icon .is-small {
    padding-bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.5) 100%);
    border-radius: 100px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid #fff;
	margin-top: -2.5px;
}
.mobile-nav li {
    margin-bottom: 0;
    display: flex;
}
.mobile-nav li.has-icon>a>i {
    min-width: 32px;
    min-height: 32px;
    text-align: center;
	font-size: 20px;
    color: #000;
	align-items: center;
    justify-content: center;
    display: flex;
}
.mobile-nav .icon-menu:before {
    margin-top: -1px;
    margin-left: 1px;
}
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-size: 18px;
    color: #000;
}
.off-canvas-center .nav-sidebar.nav-vertical .header-button .button span {
    font-size: 18px;
    color: #000;
	font-weight: 600;
	text-transform: uppercase;
}
.mfp-ready .mfp-close {
    opacity: 1;
    color: #000;
    top: 40px;
    right: 20px;
}
.mfp-bg.off-canvas-center:not(.dark) {
    background-color: #ffffff70;
    opacity: 1;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.off-canvas-center .header-button-2 .header-button .button {
    background: linear-gradient(338deg, rgb(35, 112, 202) 0%, rgb(68, 0, 155) 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
}
.off-canvas-center .header-button-2 .header-button .button span {
    color: #fff !important;
}
.section_banner .col-left p {
    font-size: 14px;
}
.noitroi {
    position: relative;
    z-index: 5;
}
.section_banner .col-left {
    margin-left: 0px;
    padding: 0px;
}
.section_banner .section-bg.bg-loaded {
    background-image: url(/wp-content/uploads/2025/10/Frame-579.png);
    background-size: inherit !important;;
    background-position: top right;
}

.section_tao_bang_gia .icon_box_title .icon-box-text {
    font-size: 14px;
	color: #000000b2;
}
.section_tao_bang_gia .col_da_dang .description p {
    margin-bottom: 16px;
}
.icon-box-img img, .icon-box-img svg {
    padding-top: 0;
}
.tabbed-content .content p {
    color: #000000b2;
    margin-top: 16px;
}
.company_item .img-inner {
    align-items: start;
    justify-content: end;
    display: flex;
}
.section_tao_bang_gia .col_cap_nhat .company_item .icon-box-text {
    padding-left: 4px;
	color: #000000b2;
}
.section_tao_bang_gia .col_cap_nhat .company_item .icon-box-img svg {
    top: -0.5px;
    position: relative;
}
.tab-panels {
    padding-top: 20px;
}
.section_tao_bang_gia .col_support .img.has-hover {
    margin-top: 16px !important;
}
.section_tao_bang_gia .company_item .text.title p {
    color: #000 !important;
}
.tab_sp .icon-box-img img {
    border-radius: 100px;
}
.section_tao_bang_gia .col_cap_nhat .company_item:last-child {
    margin-bottom: 0;
}
.section_tao_bang_gia .bg.section-bg {
    background: url(/wp-content/uploads/2025/10/Frame-579-2.png);
    background-size: contain !important;
    background-position-x: right;
    background-position-y: center;
}
.section_tai_sao img.size-full.alignnone {
    margin-bottom: 0;
}
.section_tai_sao .col-left p {
    color: #000000b2;
}
.section_tai_sao .flickity-slider .item_danh_gia  {
	padding-top: 20px;
}
.section_tai_sao .bg.section-bg {
    background: url(/wp-content/uploads/2025/10/Frame-14.png);
    background-size: unset !important;
    background-position: center;
}
.section_tai_sao .center .img-inner.dark {
    text-align: center;
}
.section_interested {
	padding-left: 15px;
	padding-right: 15px;
}
footer img.size-full.alignnone {
    margin-bottom: 4px;
}
@media (max-width: 1000px) {
	.section_banner .section-bg.bg-loaded {
		background-size: contain !important;;
	}
	.section_interested .img_right {
		position: unset;
	margin-left: auto;margin-right: -15px;
        margin-bottom: -30px; margin-top: -60px;
	}
	.section_interested .row_info .col-inner {
		padding-bottom: 0px;
	}
}
@media (max-width: 768px) {
	.section_interested .img_right {
		margin-right: -45px;
        margin-bottom: -30px;}
}
@media (max-width: 414px) {
	.section_interested .abc {
		margin-top: -30px;
	}
}
@media (min-width: 850px) and (max-width: 1130px) {
	.col_da_dang, .col_cap_nhat, .col_support {
		flex-basis: 50%;
        max-width: 50%;
	}
}
@media (max-width: 850px) and (min-width: 550px) {
	.col_da_dang, .col_cap_nhat, .col_support {
		flex-basis: 50%;
        max-width: 50%;
	}
}
@media (max-width: 850px) {
	.section_goi {
		padding-top: 70px !important;
    	padding-bottom: 70px !important;
	}
	.section_tin_tuc {
		padding-top: 70px !important;
	}
}
.social_item .icon-inner {
	    display: flex;
}
.social_item .icon-box-img svg, .social_item .icon-box-img svg path {
    fill: #fff !important;
}
.social_item .icon-box-text {
	padding-left: 10px !important;
	}
.entry-image img {
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
}
#wrapper, #main, .blog-wrapper {
    background-color: #f2f3fa00 !important;
}
.post-template-default, .page-template {
    background: url(/wp-content/uploads/2025/11/Background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.section_interested {
    background-color: #fff0 !important;
}
html {
	background: #f2f3fa;
}
body.home {
    background: none;
}