/* Home-only refinements: keep the existing layout, typography and palette. */
.home-page .home-banner { margin-left:0; margin-right:0; }
.home-page .home-banner > div { padding-left:0; padding-right:0; }
.home-page .welcome-slider-area { aspect-ratio:1920/700; overflow:hidden; }
.home-page .welcome-slider-area img { display:block; width:100%; height:auto; aspect-ratio:1920/700; object-fit:cover; }
.home-page .welcome-slider-area:not(.owl-loaded) > img:not(:first-child) { display:none; }
.home-introduction { padding-top:40px; padding-bottom:40px; }
.home-page video { display:block; width:100%; height:auto; aspect-ratio:16/9; background:#000; }
.home-page .about-left-content-area { overflow-wrap:break-word; }
.home-page .single-service-three { min-height:150px; height:calc(100% - 30px); padding:22px 18px; }
.home-page .service-icon-three { position:static; display:flex; align-items:center; gap:10px; height:auto; min-height:40px; text-align:left; }
.home-page .service-icon-three .anh { flex:0 0 44px; width:44px; height:35px; padding:0 5px 0 2px; object-fit:contain; }
.home-page .service-icon-three .chu { line-height:1.5; padding-left:10px; }
.home-page .single-service-three p { margin:12px 0 0; line-height:1.65; overflow-wrap:break-word; }
.home-page .blog-area .row:last-child { display:flex; flex-wrap:wrap; }
.home-page .blog-area .row:last-child > div { margin-bottom:28px; }
.home-page .single-blog { height:100%; min-height:320px; }
.home-page .blog-image { overflow:hidden; }
.home-page .blog-image img { display:block; width:100%; height:auto; aspect-ratio:18/11; object-fit:cover; }
.home-page .blog-details { min-height:100px; padding:18px 16px; overflow-wrap:break-word; }
.home-page .blog-details strong { display:block; line-height:1.6; }
.home-page .blog-details p { margin:10px 0 0; }
.home-page a:focus-visible,.home-page button:focus-visible { outline:3px solid #f39c12; outline-offset:3px; }
.home-page .itemhover { position:relative; }
.home-page .itemhover > i { position:absolute; pointer-events:none; transition:width .5s ease,height .5s ease; }
.home-page .itemhover .i_trai,.home-page .itemhover .i_phai { width:1px; height:0; }
.home-page .itemhover .i_tren,.home-page .itemhover .i_duoi { height:1px; width:0; }
.home-page .itemhover .i_trai { left:0; top:0; background:linear-gradient(to top,red,orange,#ff0,green,#00f,indigo,violet); }
.home-page .itemhover .i_phai { right:0; bottom:0; background:linear-gradient(to bottom,red,orange,#ff0,green,#00f,indigo,violet); }
.home-page .itemhover .i_tren { right:0; top:0; background:linear-gradient(to right,red,orange,#ff0,green,#00f,indigo,violet); }
.home-page .itemhover .i_duoi { left:0; bottom:0; background:linear-gradient(to left,red,orange,#ff0,green,#00f,indigo,violet); }
.home-page .itemhover:hover .i_trai,.home-page .itemhover:hover .i_phai { height:100%; }
.home-page .itemhover:hover .i_tren,.home-page .itemhover:hover .i_duoi { width:100%; }
@media (max-width:991px) {
    .home-page .header-area .logo img { width:clamp(200px,65vw,300px); max-width:calc(100% - 44px); height:auto; }
    .home-page .service-icon-three .chu { overflow-wrap:break-word; }
}
@media (max-width:767px) {
    .home-introduction { padding-top:24px; padding-bottom:24px; }
    .home-page .single-service-three { min-height:150px; }
    .home-page .about-left-content-area h2 { font-size:24px; line-height:1.4; }
    .home-page .area-title { margin-bottom:24px; }
    .home-page .blog-details { padding:16px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-page .wow { animation:none !important; visibility:visible !important; }
    .home-page .itemhover > i { transition:none; }
}
.home-page .welcome-slider-area:focus-visible { outline:3px solid #f39c12; outline-offset:-3px; }
.home-page .welcome-slider-area:focus-within .owl-nav > div { visibility:visible; opacity:1; }
