/* Journey Carousel Styles */
.carousel-journey-wrapper{display:flex;align-items:center;gap:60px;margin-top:40px}
.journey-content{flex:0 0 35%;max-width:400px}
.journey-content h4:first-child{font-size:14px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px}
.journey-content h4:nth-child(2){font-size:32px;font-weight:800;color:#fff;margin:0 0 20px;line-height:1.2}
.journey-content p{font-size:14px;color:#aaa;line-height:1.6;margin:0}
.journey-controls{display:flex;gap:12px;margin-top:24px}
.journey-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 300ms}
.journey-btn:hover{background:rgba(255,255,255,0.25);border-color:#fff}
.journey-images-container{flex:1;position:relative;height:730px;perspective:1200px}
.journey-slide{
    position: absolute;
    width: 50%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    overflow: hidden;
    transition: all 500ms cubic-bezier(.22, .9, .36, 1);
    opacity: 1;
    z-index: 0;
}
.journey-slide img{width:100%;height:100%;object-fit:cover}
.journey-slide-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:#999;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;text-align:center}
.journey-slide.prev{
    transform: translateX(-100%) rotateY(0) scale(1);
    left: 50%;
}
.journey-slide.active{
    left: 50%;
    transform: translateX(-50%) rotateY(0) scale(1);
    opacity: 1;
    z-index: 20;
}
.journey-slide.next{
    transform: translateX(0%) rotateY(0) scale(1);
    left: 50%;
}
.journey-slide:first-child{
    z-index: 3;
}
.journey-slide:nth-child(2){
    z-index: 2;
}
.journey-slide:nth-child(3){
    z-index: 1;
}
#section-3 .hot-actity{
    display: flex;
    align-items: center;
    gap: 30px;
    height: 500px;
}
.hot-actity .hot-actity-video{
    width: 65%;
}
#section-3 .hot-actity .box-title{
    width: 35%;
}
#section-3 .hot-actity .box-title h3{
    color: #FFF;
    font-family: SVN-Gilroy;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    background: transparent;
}
#section-3 .hot-actity .box-title p{
    letter-spacing: -0.2px;
    margin: 0;
    color: #FFF;
    text-align: justify;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    position: relative;
}
@media (max-width:900px){
    .carousel-journey-wrapper{flex-direction:column;gap:30px}
    .journey-content{flex:0 0 auto;max-width:none}
    .journey-images-container{height:360px}
    .journey-slide{width:240px;height:360px}
}

/* Section 7 - Tinh thần cộng đồng */
.section-7 h3{font-size:40px;font-weight:800;color:#fff;margin:0 0 40px;line-height:1.2}
.section-7 h3 span{color:#ccc}
.section-7 ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px}
.section-7 li{position:relative;border-radius:16px;overflow:hidden;background:rgba(255,255,255,0.08);aspect-ratio:auto;min-height:280px;display:flex;align-items:flex-end;padding:24px;transition:transform 300ms,box-shadow 300ms;cursor:pointer}
.section-7 li:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,0.5)}
.section-7 li img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.section-7 li h5{position:relative;z-index:1;font-size:18px;font-weight:700;color:#fff;margin:0;line-height:1.3;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.8));padding:40px 0 0;text-shadow:0 2px 8px rgba(0,0,0,0.6)}
.section-7 li:nth-child(1){grid-column:1/2;grid-row:1/2}
.section-7 li:nth-child(2){grid-column:2/3;grid-row:1/2}
.section-7 li:nth-child(3){grid-column:3/4;grid-row:1/2}
.section-7 li:nth-child(4){grid-column:1/2;grid-row:2/3}
.section-7 li:nth-child(5){grid-column:2/4;grid-row:2/3}
@media (max-width:1024px){
    .section-7 ul{grid-template-columns:repeat(2,1fr);gap:16px}
    .section-7 li:nth-child(4){grid-column:1/2}
    .section-7 li:nth-child(5){grid-column:2/3}
}
@media (max-width:640px){
    .section-7 h3{font-size:28px;margin:0 0 24px}
    .section-7 ul{grid-template-columns:1fr;gap:12px}
    .section-7 li{min-height:220px;padding:16px}
    .section-7 li h5{font-size:14px}
    .section-7 li:nth-child(4),.section-7 li:nth-child(5){grid-column:1}
}
.control-box{
    margin-top: 30px;
    gap: 10px;
    display: flex;
}
.control-box img{
    width: 39px;
    transition: transform 0.5s ease-out;
    cursor: pointer;
}

.control-box img:hover{
    transform: scale(1.05);
}