.home-page{background:#fafafa;font:400 16px/23px "Be Vietnam Pro",sans-serif;color:#333}
@media(max-width:767px){.home-page{font-size:14px;line-height:17px}}
.home-hero{position:relative;margin-top:-120px;padding-bottom:20px;font:400 16px/23px "Be Vietnam Pro",sans-serif;color:#fff}
.hero-viewport{overflow:hidden;touch-action:pan-y}
.hero-track{display:flex;align-items:stretch;transition:transform .6s ease;will-change:transform}
.hero-slide{flex:0 0 100%;min-width:0;padding:0 15px;background:center/cover no-repeat}
.hero-slide-1{background-image:url('../../../../uploads/2026/03/Rectangle-10.webp')}
.hero-slide-2{background-image:url('../../../../uploads/2025/05/Rectangle-4-16-1-scaled.webp')}
.hero-inner{width:100%;max-width:1320px;margin:auto;padding:170px 0 240px;display:flex;flex-direction:column;align-items:flex-start}
.home-hero h6{margin:0;padding:0;font:700 14px/20px "Be Vietnam Pro",sans-serif;color:#00aeef;text-transform:uppercase}
.home-hero h2{margin:0;padding:0;width:48%;font:700 48px/57px "Be Vietnam Pro",sans-serif;color:#fff;text-transform:uppercase}
.home-hero .hero-slide-2 h2{width:44%}
.hero-description{width:50%;color:#fff}
.hero-description p{margin:0 0 .9rem}
.hero-actions{display:flex;gap:35px;padding:25px 0 0;width:100%}
.home-hero .hero-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;border:1px solid #00aeef;border-radius:225px;background:#00aeef;color:#fff;text-decoration:none;text-transform:uppercase;font:500 16px/23px "Be Vietnam Pro",sans-serif;transition:color .2s,background-color .2s,border-color .2s}
.home-hero .hero-button-outline{background:transparent;border-color:#fff}
.home-hero .hero-button:hover,.home-hero .hero-button:focus-visible{background:#fff;color:#00aeef;border-color:#00aeef}
.hero-pagination{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);width:100%;max-width:1320px;display:flex;gap:0;line-height:10px}
.home-hero .hero-pagination button{display:block;flex:none;width:10px;height:10px;min-height:0;border:0;border-radius:50%;padding:0;margin:0 15px;background:#fff;outline:1px solid #fff;outline-offset:3px;cursor:pointer}
.home-hero .hero-pagination button[aria-current="true"]{background:#00aeef;outline-color:#00aeef}
.home-hero .hero-pagination button:focus-visible{box-shadow:0 0 0 6px #333}
@media(max-width:1023px){.hero-pagination{left:0;transform:none;width:auto}}
@media(max-width:767px){
.home-hero{margin-top:-90px;padding-bottom:23px;font-size:14px;line-height:17px}
.hero-slide-1{background-image:url('../../../../uploads/2026/03/Rectangle-41.webp')}
.hero-slide-2{background-image:url('../../../../uploads/2025/05/Rectangle-4-17.webp')}
.hero-inner{padding:140px 0 0;align-items:center;text-align:center}
.home-hero h6{width:100%;line-height:17px}
.home-hero h2,.home-hero .hero-slide-2 h2{width:100%;padding-bottom:5px;font-size:32px;line-height:36px}
.hero-description{width:100%}
.hero-actions{flex-direction:column;gap:10px;padding:15px 0 65px}
.home-hero .hero-button{width:100%;font-size:14px;line-height:17px}
.hero-pagination{left:10px;bottom:40px;gap:0}
.home-hero .hero-pagination button{width:13px;height:13px;margin:0 9px}
}
@media(prefers-reduced-motion:reduce){.hero-track{transition:none}}