/* TT-CUSTOM - toi uu bo cuc trang chu 3 khuon man hinh. Tao 14/09/2026 */
/* 1. Moi khoi .wow luon nhin thay duoc, khong cho cuon moi hien */
.wow{visibility:visible!important}
/* bo dem so: da tat hieu ung dem trong uc-index-slider.js, con so hien thang */
/* 2. Hero: anh phu kin khoi, co lop phu toi de chu trang doc duoc */
.urbanconstruct-index-slider .index-slider{position:relative}
.urbanconstruct-index-slider .swiper{height:100%!important}
.urbanconstruct-index-slider .swiper-slide,
.urbanconstruct-index-slider .slider-item,
.urbanconstruct-index-slider .slide--image,
.urbanconstruct-index-slider .slide--image>a,
.urbanconstruct-index-slider .slide--image picture{display:block;height:100%}
.urbanconstruct-index-slider .slide--image img{width:100%;height:100%;object-fit:cover}
.urbanconstruct-index-slider .swiper::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(10,30,14,.80) 0%,rgba(10,30,14,.64) 40%,rgba(10,30,14,.22) 76%,rgba(10,30,14,.06) 100%)}
.urbanconstruct-index-slider .content-group{position:relative;z-index:3}
.urbanconstruct-index-slider .slider-detail .title,
.urbanconstruct-index-slider .slider-detail .desc{text-shadow:0 2px 10px rgba(0,0,0,.45)}
.urbanconstruct-index-slider .counter-num,
.urbanconstruct-index-slider .counter-desc{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}
@media (max-width:767px){
.urbanconstruct-index-slider .swiper::after{background:linear-gradient(180deg,rgba(10,30,14,.35) 0%,rgba(10,30,14,.62) 45%,rgba(10,30,14,.86) 100%)}
}
/* 3. Hero tren may tinh bang va may tinh - dung chung mot cach xep, het canh chu roi ra ngoai anh o kho 768-1199 */
@media (min-width:768px){
.urbanconstruct-index-slider .index-slider{position:relative}
.urbanconstruct-index-slider .swiper{position:absolute!important;top:0;left:0;width:100%;height:100%!important}
.urbanconstruct-index-slider .content-group{position:relative!important;z-index:3;display:flex;align-items:flex-end;min-height:clamp(420px,46vw,680px)}
.urbanconstruct-index-slider .slider-content{position:static!important;width:100%;height:auto!important;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 56px 54px}
.urbanconstruct-index-slider .slider-detail{flex:1 1 420px;max-width:650px}
.urbanconstruct-index-slider .slider-counter{flex:0 1 530px}
}
@media (min-width:768px) and (max-width:1199px){
.urbanconstruct-index-slider .slider-content{padding:0 32px 36px;gap:16px}
.urbanconstruct-index-slider .slider-detail .title{font-size:34px;line-height:1.15}
.urbanconstruct-index-slider .slider-detail .desc{font-size:15px}
}
/* 4. Dien thoai: nut lien he noi lui han xuong goc, bot de len noi dung; thu gon khoang trang giua cac khoi */
@media (max-width:767px){
.urbanconstruct_addthis_contact__icons{right:8px!important;left:auto!important;bottom:12px!important;top:auto!important;transform:none!important}
.urbanconstruct_addthis_contact__icons>*{transform:scale(.86);transform-origin:100% 100%}
.greenweave-index-collection,
.urbanconstruct-index-policy,
.urbanconstruct-index-about-1,
.urbanconstruct-index-about-2,
.urbanconstruct-index-blog{padding-top:28px!important;padding-bottom:28px!important}
}
/* 5. Tang do tuong phan o kho may tinh bang va may tinh */
@media (min-width:768px){
.urbanconstruct-index-slider .swiper::after{background:linear-gradient(90deg,rgba(10,30,14,.84) 0%,rgba(10,30,14,.68) 42%,rgba(10,30,14,.32) 72%,rgba(10,30,14,.12) 100%),linear-gradient(180deg,rgba(10,30,14,0) 42%,rgba(10,30,14,.50) 100%)}
}
/* 6. Khoi cau chuyen vung tra: tach hai nut ra khoi anh ben duoi, het canh chu de len anh */
.urbanconstruct-index-about-1 .tt-about1-cta{position:relative;z-index:2;margin-bottom:26px}
@media (max-width:767px){.urbanconstruct-index-about-1 .tt-about1-cta{margin-bottom:20px}.urbanconstruct-index-about-1 .tt-about1-cta a{flex:1 1 100%;text-align:center}}
/* TT 14/09/2026: moi nut CTA co anh rieng o khoi about-1 */
.urbanconstruct-index-about-1 .tt-about1-cta{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.urbanconstruct-index-about-1 .tt-cta-img{display:block;margin:6px 0 2px;border-radius:14px;overflow:hidden;line-height:0;box-shadow:0 4px 16px rgba(20,50,25,.12)}
.urbanconstruct-index-about-1 .tt-cta-img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .45s ease}
.urbanconstruct-index-about-1 .tt-cta-img:hover img{transform:scale(1.035)}
@media (max-width:767px){
 .urbanconstruct-index-about-1 .tt-about1-cta{gap:12px}
 .urbanconstruct-index-about-1 .tt-cta-img{border-radius:12px}
 .urbanconstruct-index-about-1 .tt-cta-img img{aspect-ratio:3/2}
}

/* TT 14/09/2026: hop gioi thieu tac gia cuoi bai blog */
.tt-author-box{display:flex;gap:20px;align-items:flex-start;margin:34px 0 6px;padding:22px 24px;border:1px solid #e5dcc2;border-left:4px solid #295f2d;border-radius:14px;background:#fbf9f2}
.tt-author-box .tt-author-avt{width:104px;height:104px;flex:0 0 104px;border-radius:50%;object-fit:cover;object-position:center 22%;background:#f4d65b}
.tt-author-box .tt-author-info{min-width:0}
.tt-author-box .tt-author-eyebrow{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#8a8570;margin-bottom:4px}
.tt-author-box .tt-author-name{margin:0;font-size:19px;font-weight:700;color:#1a2b1c;line-height:1.3}
.tt-author-box .tt-author-role{margin:2px 0 10px;font-size:14px;font-weight:600;color:#295f2d}
.tt-author-box .tt-author-bio{margin:0 0 12px;font-size:15px;line-height:1.65;color:#3d4a3e}
.tt-author-box .tt-author-link{display:inline-block;font-size:14px;font-weight:600;color:#295f2d;text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){
 .tt-author-box{flex-direction:column;gap:14px;padding:18px;border-radius:12px;margin-top:26px}
 .tt-author-box .tt-author-avt{width:76px;height:76px;flex:0 0 76px}
 .tt-author-box .tt-author-name{font-size:18px}
 .tt-author-box .tt-author-bio{font-size:14.5px}
}

/* TT: avatar dung logo TRAVINA thi de nguyen hinh, khong cat */
.tt-author-box .tt-author-avt[src*="travina-logo"]{object-fit:contain;object-position:center;background:#f4d65b;padding:10px}
@media (max-width:767px){.tt-author-box .tt-author-avt[src*="travina-logo"]{padding:7px}}




/* TT: hero title tren 1 dong (mobile + tablet) */
@media (max-width:767px){
.urbanconstruct-index-slider .index-slider .slider-detail{padding-right:0!important}
.urbanconstruct-index-slider .index-slider .slider-detail .title{white-space:nowrap!important;font-size:6vw!important;line-height:1.25!important;letter-spacing:0!important}
}
@media (min-width:500px) and (max-width:767px){
.urbanconstruct-index-slider .index-slider .slider-detail .title{font-size:30px!important}
}
@media (min-width:768px){
.urbanconstruct-index-slider .index-slider .slider-detail .title{white-space:nowrap!important;font-size:3.3vw!important;line-height:1.2!important;letter-spacing:0!important}
}
@media (min-width:1760px){
.urbanconstruct-index-slider .index-slider .slider-detail .title{font-size:58px!important}
}

/* purge 1789383463608 */