.bg-img{
position: relative;

overflow:hidden;
height:100vh;
}
.bg-img  .image {
position: absolute;
object-fit: cover;
opacity: 0;
transform: translateX(0px);
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
width: 100%;
height: 100%;
}
.bg-img .image-container.active .image{
opacity: 1;
}
.bg-img .image-container{
position: absolute;
width: 100%;
height: 100%;

}
.bg-img .img-container{
position: absolute;
bottom:0;
bottom: 0;
height: 100%;
width: 100%;
}
.bg-img .links {
position: absolute;
bottom:0%;
left: 10%;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 10;
}
.bg-img .link-container {
display: flex;
flex-direction: column;
position: relative;
transition: transform 0.3s ease-in-out;
}
.bg-img .link-container.active a {
transform: scale(1.4); 
}
.bg-img .links a {
color: white;
text-decoration: none;
border-radius: 5px;
transition: 0.3s;
font-size: 18px;
display: block;
cursor: pointer;
display: inline-block;
transform-origin: left center; 
transition: transform 0.3s ease-in-out;
}
.bg-img .text {
color: white;
font-size: 16px;
border-radius: 5px;
opacity: 0;
transform: translateY(10px);
transition: transform 0.4s ease-out, opacity 0.4s ease-out;
text-align: left;
margin-top: 5px;
max-width: 450px;
word-wrap: break-word; 
overflow: hidden;
text-overflow: ellipsis;
padding: 10px;
padding-left: 0;
}
.bg-img .text {
white-space: normal;
}
.bg-img .link-container.active .text {
opacity: 1;
transform: translateY(0);
}
.bg-img .link-container::after {
content: '';
display: block;
border-left: 2px solid white;
border-top: 2px solid white;
height: 200px;
width: 20px;
position: absolute;
left: -30px;
top: 15px;
bottom:0;
}
.bg-img .container{
height:100vh;
position:relative;
}
/*timeline*/
.timeline {
display: flex;
align-items: center;
width: 100%;
justify-content: center;
height:100%;
}
.timeline .time-click{
display: flex;
flex-direction: column;
width: 20%;
align-items: center;
}
.timeline .years-container {
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
height: 230px;
width: 100px;
border-radius: 10px;
}
.timeline .year {
padding: 8px;
color: #ccc;
font-size: 20px;
cursor: pointer;
 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* mềm mượt hơn */
    transform: scale(1);
    color: #aaa;
user-select: none;
}
.timeline .year.active {
    color: #fff;
    font-weight: bold;
    transform: scale(1.5);
}
.timeline .nav-button {
cursor: pointer;
border: 0;
min-height:auto;
margin:0;
padding:0;
}
.timeline .content-time {
max-width: 400px;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
will-change: opacity, transform;
/* text-align: center; */
margin-top: 20px;
width: 80%;
}
.timeline .content-time.show {
opacity: 1;
transform: translateY(0);
}
.timeline .content-time h2 {
margin: 0;
color: #fff;
font-size: 24px;
}
.timeline .content-time p {
color: #fff;
font-size: 18px;
}


.fullpage .section {
    display: flex;
    flex-direction: column;
    align-items: bottom;
    position: relative;
    padding-left:0 !important;
     padding-right:0 !important;
  }
  .page-id-13697 .global-breadcrumb{
      display:none;
  }
  .fullpage .fp-tableCell{
      width:100%;
  }
  .fullpage .section-content{
      height:100%;
  }
  .page-id-13697 .section5 .row{
      margin:0 auto !important;
      height:100%;
  }
   .page-id-13697 .section5 .row .col-inner{
       height:100%;
           display: flex;
    flex-direction: column;
    justify-content: space-between; 
   }
      .page-id-13697 .section5 .row .col-inner .sec-footer-bottom{
          padding-bottom:50px !important;
      }
  .tab-buttons button.active {
            background-color: #000;
            color: #fff;
        }
        .tab-buttons button{
            margin:0;
        }
        .col-1, .col-2 {
            transition: all 0.3s ease;
        }
         .account-container .col-2 {
        display: none;
    }