*{
    margin: 0;
    padding: 0;
    /* overflow: hidden; */
}

:root {
  --tcg-bg-primary-color: #05a742;
  --tcg-bg-secondary-color: #fff600;
  --tcg-font-size-base: 16px;
  --tcg-text-primary-color:#fff600;
  --tcg-text-secondary-color:#05a742;
  --tcg-text-color:#fff;

  --tcg-content-font-size-h1:3rem;
  --tcg-content-font-size-h2:2.5rem;
  --tcg-content-font-size-h3:2.0rem;
  --tcg-content-font-size-h4:1.5rem;
  --tcg-content-font-size-h5:1.25rem;
  --tcg-content-font-size-h6:1rem;
}
.item-reverser:nth-child(2n) {
    flex-direction: row-reverse;
}
.object-fit-cover{
  object-fit: cover;
}
.navbar.scrolled {
  position: fixed !important;  
  top: 0; left: 0; right: 0;
  z-index: 1100;
}
a{
  text-decoration: none !important;
}
a:hover{
  cursor: pointer !important;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "SVN-Gotham-Bold";
}
h1{
  font-size: 3rem;
}
h2{
  font-size: 2.5rem;
}
h3{
  font-size: 2rem;
}
h4{
  font-size: 1.75rem;
}
h5{
  font-size: 1.5rem;
}
h6{
  font-size: 1.25rem;
}
.font25r{
    font-size: 2.5rem !important;
}
.font20r{
    font-size: 2.0rem !important;
}
.font175r{
    font-size: 1.75rem !important;
}
.font15r{
    font-size: 1.5rem !important;
}
.font125r{
     font-size: 1.25rem !important;
}
.font09{
    font-size: .9rem;
}
.font08{
    font-size: .8rem;
}
.text-green{
  color: var(--tcg-bg-primary-color);
}
.text-justify{
  text-align: justify;
}
.text-red{
  color:rgb(255, 2, 2) !important;
}
.text-orange{
  /* color: rgb(197, 152, 18) !important; */
  color:#ad6603 !important
}
.text-bold{
  font-weight: bolder;
}
.text-700{
  font-weight: 700;
}
.bg-gray{
  background-color: rgba(98, 101, 99, 0.2);
}
.bg-green{
  background-color: var(--tcg-bg-primary-color);
}
.overflow-hidden{
  overflow: hidden;
}
a.nav-link{
  text-wrap: nowrap;
}

.bg-footer-bottom {
  /* background: linear-gradient(90deg, #1F2251 0%, #D41616 50%, #1F2251 100%) !important; */
  background: linear-gradient(90deg, #05a742 0%, #fff600 50%, #05a742 100%) !important;
}
.bg-footer-bottom a {
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease;
}
.bg-footer-bottom a:hover{
    color:red;
}
.bg-footer-bottom a:hover::after
{
    width: 100%;
}
.border-radius-0{
  border-radius: 0px !important;
}
.bg-footer-bottom a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 2px;
    background-color: #1F2251;
    transition: width 0.3s ease;
}
.rotate > div{
  margin: 0rem auto;

  max-width: 420px; 
  max-height: 320px;
  overflow: hidden;
}
.rotate div.img {
  transform: rotate(45deg) !important;
}

.rotate div.img > img {
  transform: rotate(-45deg) !important;
}
.btn-link {
    font-family: "SVN-Gotham-Book";
    font-size: 1em;
    font-weight: bolder;
    padding: .5em 1.8em;
    color: #159047;
    background-color: #fff600;
    border-radius: 1rem;
    display: inline-block;
}

.text-ellipsis{
  font-size: clamp(1rem, 2vw, 1.5rem);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-ellipsis-2{
  font-size: clamp(1rem, 1vw, 1.25rem);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-1line {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.5;
  max-height: calc(1.55em);  
  text-align: justify;  
  padding: 0 !important;  
}
.text-2line {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.5;
  max-height: calc(1.75em * 2); /* Giới hạn đúng 2 dòng */
  text-align: justify; /* vẫn giữ căn đều nếu muốn */
  padding: 0 !important; /* loại padding trong box */
}
.text-2lineLink {
  /* display: -webkit-box !important; */
  /* display: block;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.2;
  max-height: calc(30px * 2);  
  text-align: justify;  
  padding: 0 !important;  
  color: #05a742;
  transition: all 3s ease;
  cursor: pointer; */
  overflow: hidden;
  display: block;
  max-height: 3em; /* ~2 dòng */
  line-height: 1.5;
  text-align: justify;
  color: #05a742;
  transition: all 3s ease;  
  cursor: pointer;
  position: relative;
  font-size: 1.5rem !important;
}
.text-2lineLink::after {
  content: "…";
  position: absolute;
  bottom: 0;
  right: 0;
  color: #05a742;
  padding-left: 3px;
}
.text-2lineLink:hover {
  max-height: 300px;
  overflow: visible;
  color: #028935;
  position: relative;
  z-index: 10;
  transition: max-height 3s ease-in-out, color 3s ease;
}
.text-2lineLink:hover::after {
  content: "";
}
.text-2lineLink a {
  color: inherit;
  text-decoration: none;
}
.text-2lineLink:hover a{
  /* color: #028935; */
  color: rgb(173, 102, 3) !important;
  transition: all 3s ease;  
  text-decoration: none;
}

.text-3line {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.2;
  max-height: calc(1.5rem * 3);  
  text-align: justify; 
  padding: 0 !important;  
}
.text-4line {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.4;
  max-height: calc(1.42em * 4);  
  text-align: justify; 
  padding: 0 !important;  
}
.text-5line {
  display: -webkit-box !important;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.5;
  max-height: calc(1.55em * 5);  
  text-align: justify; 
  padding: 0 !important;  
}
.text-uppercase{
   text-transform: uppercase !important;
}
.disabled-link {
  pointer-events: none;   /* Không cho click */
  opacity: 0.6;           /* Làm mờ */
  cursor: not-allowed;    /* Con trỏ chuột kiểu cấm */
  text-decoration: none;
}




.bg-break {
    width: 100%;
    overflow: hidden;     /* tránh tràn sóng */
    line-height: 0;       /* loại bỏ khoảng trống dưới SVG */
    background: #f9f9f9;  /* hoặc màu nền section trước đó */
}

.bg-break svg {
    display: block;
    width: 100%;
    height: auto;
}