/*
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.   ***************/
.section_anh .col {
	margin: 0 auto;
}
.fullw .img img {
    width: 100%;
}
.img, .img img {
    width: unset;
    text-align: center;
}

.text__color h1 {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 900;
}

.section_gioi_thieu .text__color p {
  text-align: justify;
}

/* .row_partner {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative;
} */
.row_fix {
  max-width: calc(100% - ((100% - 1200px) / 2)) !important;
  margin-left: auto;
  margin-right: 0px;
}


.row_partner .col {
  width: max-content;
}

/* .row_partner .col::after {
  content: "";
  position: absolute;
  right: 0;
  top: 25px; /* cách mép trên */
  bottom: 10px; /* cách mép dưới */
  width: 1px;
  background: #eee;
  height: 30px;
} */

.row_partner .icon-box-text {
  align-items: center;
  display: flex;
}

.row_partner .icon-box-text p {
  margin-bottom: 0px;
}

.row_partner .col > .col-inner {
  min-height: 80px;
  align-items: center;
  display: flex;
}

.section_quy_mo h1 {
  font-size: 50px;
  text-transform: uppercase;
  margin-bottom:60px;
  font-weight: 900;
}

.section_quy_mo p,
.section_quy_mo ul li {
  font-size: 16px;
}

.section_quy_mo .row_ngang .col,
.section_quy_mo .row_doc .col {
  padding-bottom: 20px;
}

.section_quy_mo .row_ngang .col .col-inner,
.section_quy_mo .row_doc .col .col-inner {
  background: #f7f6fa;
  padding: 25px;
  border-radius: 20px;
}

.section_quy_mo .row_ngang .col .col-inner p,
.section_quy_mo .row_doc .col .col-inner p {
  font-size: 14px;
  margin-bottom: 8px;
}

.section_quy_mo .row_ngang .col .col-inner p.text-color,
.section_quy_mo .row_doc .col .col-inner p.text-color {
  font-size: 40px;
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.section_quy_mo .row_ngang .col:first-child .col-inner .img {
  position: absolute;
  top: 15px;
  right: 0px;
  width: unset !important	
}

.section_quy_mo .row_ngang .col:nth-child(2) .col-inner .img {
  position: absolute;
  top: 0px;
  right: 8px;
}

.section_quy_mo .row_ngang .col .col-inner .img {
  position: absolute;
  top: 0px;
  right: 0px;
	width : unset !important;
}


.section_quy_mo .row_doc .col .col-inner .img_cart {
    position: absolute;
    bottom: 0px;
    right: 0px;
	width : unset !important;
}

.section_quy_mo .row_doc .col .col-inner .img_footer {
  position: absolute;
    right: -30%;
    bottom: -100px;
}

.section_thanh_phan .text-color,
.section_don_vi_dong_hanh .text-color {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  margin-bottom: 30px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 900;
}

.section_thanh_phan .row_cannon .col .col-inner {
  z-index: 100;
  padding-left: 20px;
}

.section_thanh_phan .row_cannon h1 {
  color: #0a4182;
  font-size: 18px;
}

.section_thanh_phan .row_cannon ul li {
  font-size: 14px;
  z-index: 999;
}

.section_thanh_phan .row_cannon > .col::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(
    180deg,
    rgba(10, 65, 130, 1) 0%,
    /* xanh đậm */ rgba(10, 65, 130, 0) 100% /* trong suốt */
  );
  z-index: 100;
  margin-left: 20px;
}

.section_thanh_phan .row_cannon > .col::after {
  content: "";
  position: absolute;
  left: -4px; /* căn cho chấm nằm giữa thanh */
  top: 0;
  width: 10px;
  height: 10px;
  background: #003c90; /* màu chấm */
  border-radius: 50%; /* bo tròn */
  margin-left: 20px;
}

.section_thanh_phan .img_footer {
  margin-top: -100px;
}

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

/* .row_dong .col {
  padding: 0px;
} */

.row_full {
  width: 100vw !important; /* full chiều rộng viewport */
  max-width: 100vw !important;
  position: relative;
}

.techfest-marquee-container {
  width: 100%;
  height: 100px; /* Thêm chiều cao để dễ thấy */
  overflow: hidden;
  white-space: nowrap;

  position: relative;
}
.techfest-marquee {
  display: inline-block;
  animation: marquee 10s linear infinite; /* Tăng tốc để test nhanh */
}
@keyframes marquee {
  0% {
    transform: translateX(0); /* Bắt đầu ngay trong màn hình */
  }
  100% {
    transform: translateX(-100%);
  }
}
.techfest-marquee-text {
  font-family: Inter, sans-serif;
  font-size: 80px; /* Giảm kích thước để dễ xem */
  font-weight: 900;
  text-transform: uppercase;
  color: #fff; /* Màu trắng bên trong */
  text-shadow: -2px -2px 0 #073a73,
    /* Viền ngoài cùng - xanh đậm */ 2px -2px 0 #073a73, -2px 2px 0 #073a73,
    2px 2px 0 #073a73, -1px -1px 0 #025baf,
    /* Viền giữa - xanh nhạt */ 1px -1px 0 #025baf, -1px 1px 0 #025baf,
    1px 1px 0 #025baf; /* Tạo hiệu ứng viền gradient gần giống */
  display: inline-block;
  padding: 0 80px; /* Khoảng cách để tránh chồng */
  white-space: nowrap;
}



/* .marquee {
  width: 100%;
  overflow: hidden;
}

.marquee-track {
  display: flex;
  align-items: center;
  gap: 40px; /* khoảng cách giữa các ảnh */
  animation: scroll 5s linear infinite;
}

.marquee img {
  height: 80px; /* giữ nguyên kích thước ảnh */
  flex-shrink: 0; /* không cho ảnh co lại */
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  } /* trượt một nửa dải */
} */

.accordion {
  counter-reset: section;
}

.accordion .accordion-item {
  counter-increment: section;
}

/* Ẩn icon gốc nếu có */
.accordion .accordion-title .toggle {
  display: none;
}

/* Bố cục item */
.accordion .accordion-title {
  position: relative;
  display: block;
  padding: 30px 68px;
  font-size: 16px;
  font-weight: 500;
  color: #003d80;
}

/* Số thứ tự bên trái */
.accordion .accordion-title::before {
  content: counter(section);
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #003d80;
  color: #003d80;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Icon + hoặc - bên phải */
.accordion .accordion-title::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #003d80;
  font-weight: bold;
}

/* Khi mở thì đổi thành dấu gạch ngang */
.accordion .accordion-title[aria-expanded="true"]::after {
  content: "—";
}

.accordion-item:first-child .accordion-title {
  border-top: none;
}

.accordion-item .accordion-title span {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}

.accordion-title.active {
  background-color: transparent;
}

.accordion-inner {
  padding: 0px 68px;
}

.accordion-inner p {
  font-size: 14px;
  color:#3D3D3D
}

.section_khu_trung_bay{
  background: linear-gradient(180deg, #073a73 0%, #025baf 100%);
}

.section_khong_gian .text-color {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  font-weight:900;
}

.section_gian_hang .icon-box:not(:last-child) {
  padding-bottom: 30px;
}

.section_gian_hang .icon-box-text {
  height: 100%;
}

.section_gian_hang .box-text-bottom {
  display: flex;
  height: 100%;
  align-items: center;
}

.section_gian_hang .box-text-bottom .box-text {
  margin-left: 15px;
  height: 100%;
  padding: 0;
}

.section_de_xuat .text-color {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  text-transform: uppercase;
  font-weight:900;
}

.section_de_xuat .col_de_xuat .col-inner {
  background: #f6f9fc;
  padding: 0px;
  border-radius: 10px;
}

.section_de_xuat .col_de_xuat .icon-box-text {
  align-items: center;
  display: flex;
}


.section_de_xuat .col_de_xuat .icon-box:first-child {
  padding: 20px;
  align-items: center;
  min-height: 95px;
}

.col_de_xuat p{
	margin-bottom: 0px
}

.section_de_xuat .col_de_xuat .icon-box:first-child .icon-box-text {
  color: #0a4182;
  font-weight: bold;
}

.section_de_xuat .col_de_xuat .icon_dia_chi {
  padding: 10px 20px 10px 29px;
  align-items: center;
}

.section_de_xuat .col_de_xuat .icon_diem {
  padding: 0px 20px 25px 29px;
  align-items: center;
}

.section_de_xuat .col_de_xuat .icon-box-text{
  display: -webkit-box;
  -webkit-line-clamp: 2; /* số dòng muốn hiển thị */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.section_de_xuat .col_de_xuat .icon-box-text .text{
  font-size:12px
}


.section_de_xuat .col_de_xuat .kc {
  font-size: 10px;
	margin-bottom: 0;
}

/* .row_de_xuat {
  width: 100vw !important; 
  max-width: 100vw !important;
  position: relative;
} */

.time_circles canvas {
  display: none;
}

.textDiv_Days,
.textDiv_Hours,
.textDiv_Minutes,
.textDiv_Seconds {
  display: flex;
  flex-direction: column-reverse; /* Đảo ngược thứ tự con */
  align-items: center; /* căn giữa ngang */
  top: 20px !important;
}

.time_circles > div > span {
  padding: 6px 21px;
  margin: 0px;
  background: #0a4182;
  border-radius: 10px;
  font-size: 30px !important;
  width: auto;
  font-family: "Audiowide";
  line-height: 38px !important;
  color: #ffffff;
}

.time_circles > div > h4 {
  margin-top: 5px;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #3d3d3d;
  font-weight: 400;
}

.row_dia_chi .col > .col-inner {
  background: #f6f9fc;
  padding: 60px 20px 20px 20px;
  border-radius: 10px;
  height: 100%;
  border: 1px solid #aec6de;
  height: auto;
}

.row_dia_chi .col:nth-child(odd) {
  margin-top: 40px;
}

.row_dia_chi .col > .col-inner .img {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.section_thong_tin_su_kien .text-color {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  margin-bottom: 35px;
  margin-top: 35px;
  font-weight: 900;
}

.section_thong_tin_su_kien strong {
  font-size: 20px;
  color: #3d3d3d;
  line-height: 24px;
}

.section_thong_tin_su_kien .row_dia_chi strong {
  font-size: 16px;
  color: #3d3d3d;
  line-height: 24px;
}

.section_thong_tin_su_kien .row_thong_tin p {
  font-size: 16px;
  color: #3d3d3d;
  line-height: 24px;
}

.section_thong_tin_su_kien p {
  font-size: 14px;
  color: #3d3d3d;
  line-height: 30px;
  margin-bottom:0px
}

.section_thong_tin_su_kien .row_thong_tin .icon-box {
  border: 1px solid #cad4e0;
  padding: 10px;
  border-radius: 8px;
}

.section_thong_tin_su_kien .row_thong_tin .icon-box-text {
  align-items: center;
  display: flex;
}

.section_dang_ky .row_background {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
}

.btn-livestream {
  display: flex;
  background-color: #f31616;
  width: fit-content;
  padding: 18px 18px;
  border-radius: 10px;
  border: 1px solid #ffffff;
  margin: auto; 
  color: #ffffff;
  margin-top: 39px;
}

.btn-livestream span {
  padding: 0px 10px;
  color: #ffffff;
}

.btn-livestream i {
  font-size: 28px;
  padding: 0px 10px;
  color: #ffffff;
}

.btn-livestream img {
  width: fit-content;
  height: fit-content;
}

.row_background .img_left {
  position: relative;
  margin-top: -15%;
  width:110% !important
}

.row_background h1 {
  font-size: 50px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight:900;
}

.row_background .col-title {
  padding: 0px;
}

.row_background .col_full::after {
  content: "";
  position: absolute; /* đặt ra ngoài flow */
  top: 0;
  left: 0; /* kéo sát mép trái */
  width: 100vw; /* chiếm full chiều ngang viewport */
  height: 100%; /* chiếm toàn chiều cao cột */
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  z-index: -1; /* đẩy xuống dưới nội dung */
}

.footer-widgets {
  display: none;
}

.copyright-footer {
  color: black;
}

.col_bottom {
  margin-top: 99px;
}

.row_khách_tham_quan {
  position: relative;
  top: 80px;
}

.section_chuoi_hoat_dong .text-color {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  text-transform: uppercase;
  line-height:80px;
  font-weight:900;
}

.section_chuoi_hoat_dong .col-right {
  margin-top: 73px;
}

.section_khu_trung_bay h1 {
  font-size: 50px;
  font-weight:900;
}

.section_khu_trung_bay ul li {
  font-size: 14px;
}

.section_gian_hang .text-color {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  margin-bottom: 0px;
  text-transform: uppercase;
  line-height:60px;
  font-weight:900;
}

.section_gian_hang p {
  margin-bottom: 0px;
  font-size: 16px;
  color: #3d3d3d;
}

.section_gian_hang span {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}

.section_gian_hang .is-divider {
  margin-top: 30px;
  margin-bottom: 30px;
}

.row_de_xuat .col {
  padding-bottom: 0px;
}

.wpcdt-timer-wrap {
  margin: 0px;
}

.html_topbar_left .register-btn,.register-btn {
  background: linear-gradient(
    180deg,
    rgba(7, 58, 115, 1) 0%,
    rgba(2, 91, 175, 1) 100%
  ) !important;
  color: #fff !important;
  font-family: "Inter", sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center !important;
  gap: 8px; /* khoảng cách text - icon */
  transition: all 0.3s ease !important;
}

.register-btn .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fff; /* viền trắng hình tròn */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
}

.register-btn:hover {
  background: linear-gradient(
    90deg,
    #0059b3,
    #3399ff
  ); /* đổi gradient khi hover */
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.header-nav-main a.nav-top-link {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
.img_unset img{
	width:unset;
}

.row_khách_tham_quan .icon-box{
	margin-bottom:30px;
	padding-left:50px	
}

.row_khách_tham_quan .icon-box p{
	font-size:14px;
	color: #3D3D3D;
	text-align: justify;
}

.flickity-page-dots{
	right:unset;
}

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

.col-iframe  iframe{
	border-radius:20px
}

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

.image_full{
	width:50vw !important;
}

.section_quy_mo p, .section_gioi_thieu p, .section_khu_trung_bay ul li{
	text-align:justify;
}

.col__image--gh .col-inner{
	display: flex;
	align-items: center;
	gap: 20px;
}

.col__image--gh .col-inner > p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 50px;
  border: 1px solid #000;
  border-radius: 50%;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

@media only screen and (max-width: 1190px) {
  .row_background .img_left {
    width:170% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .image_full
 {
    width: 100vw !important;
}
}


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



  .section_quy_mo h1 {
    font-size: 35px;
  }

  .section_khu_trung_bay h1 {
    font-size: 35px;
  }

  .row_background h1 {
    font-size: 35px;
  }

  .section_thanh_phan .img_footer {
    margin-top: 0;
  }

  .marquee img {
    height: 40px;
    flex-shrink: 0;
  }

  .section_de_xuat .text-color {
    line-height: 62px;
  }
	
	.row_dia_chi .col:nth-child(odd) {
    margin-top: 0px;
	}
	
	.image_full
 {
    width: 100vw !important;
}
	
	.col_last{
    	margin-top: -80px;
	}

	
	.section_quy_mo .row_doc .col .col-inner .img_footer {
    position: absolute;
    bottom: -100px;
    right: -25px;
}
}


.icon-box-left, .icon-box-right {
    align-items: center;
}
p {
	letter-spacing: 0.5px !important;
}



@media (min-width: 850px) {
	.section_quy_mo .left {
		padding-right: 40px;
	}
}
@media (max-width: 849px) {
	p {
		font-size: 14px !important;
		margin-bottom: 15px !important;
		letter-spacing: 0.5px !important;
	}
	.section_gioi_thieu, .section_quy_mo, .section_thanh_phan, .section_don_vi_dong_hanh, .section_khong_gian, .section_gian_hang, .section_de_xuat, .section_thong_tin_su_kien {
		padding-top: 40px !important;
		padding-bottom: 30px !important;
	}
	.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col, .col {
    	padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.text__color h1, .text-color, .section_quy_mo h1, .section_khu_trung_bay h1 {
    	font-size: 30px !important;
		margin-bottom: .5em !important;
 	}
	.section_quy_mo p, .section_quy_mo ul li {
		font-size: 14px;
	}
	.section_quy_mo .row_doc .col .col-inner .img_footer {
        bottom: -58px !important;
	}
	.section_quy_mo .gap-element {
		padding-top: 20px !important;
	}
	.section_thanh_phan .text-color {
		width: 65%;
	}
	.section_thanh_phan .row_cannon > .col::before, .section_thanh_phan .row_cannon > .col::after {
		margin-left: 30px !important;
	}
	.section_thanh_phan .row_cannon .col .col-inner {
		padding-left: 30px !important;
	}
	.section_thanh_phan .img_footer {
		margin-top: -30px !important;
	}
	.section_thanh_phan {
        padding-bottom: 0px !important;
    }
	.section_don_vi_dong_hanh .align-middle {
		margin-bottom: 10px;
	}
	.section_don_vi_dong_hanh .flickity-slider .col {
    	padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.section_don_vi_dong_hanh .row_full .large-12 {
		padding: 0 !important;
	}
	.row_khách_tham_quan .icon-box {
		padding-left: 10px !important;
		margin-bottom: 10px !important;
	}
	.row_khách_tham_quan .icon-box p {
		margin-bottom: 0 !important;
	}
	.section_don_vi_dong_hanh .gap-element {
		padding-top: 20px !important;
	}
	.row_khách_tham_quan {
    	position: unset;
		margin-top: 40px !important;
	}
	.row_khách_tham_quan .image {
		margin-top: 20px;
	}
	.row_khách_tham_quan .image .left {
		padding-right: 8px !important;
		height: fit-content;
	}
	.row_khách_tham_quan .image .right {
		padding-left: 8px !important;
	}
	.col_last {
        margin-top: -128px !important;
    }
	.section_chuoi_hoat_dong {
		padding-top: 70px !important;
		padding-bottom: 30px !important;
		margin-top: -60px;
	}
	.section_chuoi_hoat_dong .text-color {
		line-height: 48px;
	}
	.section_chuoi_hoat_dong .gap-element {
		padding-top: 0 !important;
	}
	.section_chuoi_hoat_dong .left {
		padding-right: 8px !important;
	}
	.section_chuoi_hoat_dong .right {
		padding-left: 8px !important;
	}
	.accordion-item .accordion-title span {
		font-size: 16px;
		line-height: 24px;
		font-weight: 600;
		letter-spacing: 0.5px;
	}
	.section_khong_gian .image .col {
		padding: 0 8px 16px 8px !important;
	}
	.section_gian_hang .text-color {
		line-height: 48px;
	}
	.section_gian_hang .col {
		padding-bottom: 10px;
	}
	.section_gian_hang p {
		margin-bottom: 0 !important;
	}
	.section_gian_hang .register-btn {
		margin-bottom: 20px;
	}
	.section_khu_trung_bay {
		padding-top: 20px;
	}
	.section_thong_tin_su_kien .time_circles > div > span {
		font-size: 22px !important;
	}
	.section_thong_tin_su_kien p {
		margin-bottom: 0 !important;
	}
	.section_thong_tin_su_kien .row_thong_tin .col {
		padding-bottom: 15px !important;
	}
	.section_thong_tin_su_kien {
		padding-bottom: 15px !important;
		padding-top: 0 !important;
	}
	.section_dang_ky .text {
		text-align: center !important;
	}
	.section_dang_ky .btn-livestream {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.header-bg-color {
		background-color: rgb(255 255 255) !important;
	}
	
	.section_de_xuat .col_de_xuat .icon-box:first-child {
    	min-height:60px
	}
	
	.section_de_xuat .col_de_xuat .icon-box:first-child p{
    	margin-bottom: 0px !important
	}
	
	.row_de_xuat .col {
  		width: 75%;
		padding-left: 5px !important;
        padding-right: 5px !important;
	}
	
	.row_dong .col {
  		width: 20%;
	}
	
	.row_bac .col,.row_vang .col {
  		width: 30%;
	}
	.row_khách_tham_quan h1.text-color {
		width: 90%;
	}
	.scroll {
		overflow-y: auto;
		height: 555px;
	}
	
	.html_topbar_left .register-btn, .register-btn {
    	justify-content:center;
	}
}
.header-bg-color {
    background-color: rgb(255 255 255 / 80%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.scroll {
    overflow-y: auto;
    height: 275px;
}

@media screen and (min-width: 1024px) {
  #register-btn-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .html_topbar_left {
    display: none !important;
  }
}