#banner img {
    height: 400px;
    object-fit: cover;
}

#news .card-title:hover,
#news h6:hover {
    color: #c9302c;
    cursor: pointer;
}

#news .btn-group .btn.active {
    background-color: #c9302c;
    color: white;
}
.news-section img {
transition: transform 0.3s ease;
}
.news-section img:hover {
transform: scale(1.03);
}
.section-title {
    font-size: 1.8rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.row {
    display: flex;
    flex-wrap: wrap;
}

.right-column-fill > .d-flex.flex-column {
    height: 100%; 
    justify-content: space-between; 
}

.right-item {
    flex-shrink: 0;
}

.video-section .card img {
transition: transform 0.4s;
}
.video-section .card:hover img {
transform: scale(1.05);
}
.video-section .bi-play-circle-fill {
opacity: 0.85;
}

.carousel-control-next,
.carousel-control-prev{
    width: 3% !important;
}

.logo-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.logo-track {
    display: flex;
    transition: transform 0.5s ease;
    gap: 60px;
    will-change: transform;
}

.logo-track img {
    height: 80px;
    transition: all 0.3s ease;
}

.logo-track img:hover {
    filter: grayscale(0%);
    transform: scale(1.1);
}

/* Nút điều khiển */
.slide-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.4);
    border: none;
    color: white;
    font-size: 28px;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 50%;
    transition: 0.3s;
    z-index: 10;
}

.slide-btn:hover {
    background: rgba(0,0,0,0.6);
}

.prev { left: 0; }
.next { right: 0; }

@media (max-width: 768px) {
    .logo-track img { height: 60px; }
}
.card-img-top {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0.75rem;
}
.card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;       
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3em;             
  line-height: 1.5em;
}

.card-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 4.5em;
  line-height: 1.5em;
}

.card-text-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 4.5em;
  line-height: 1.5em;
}