/* Banner */
.banner-section {position:relative;height:850px;display:flex;align-items:center;}
.banner-section video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.banner-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:1;}
.banner-content {position:relative;z-index:3;width:100%;max-width:1520px;margin:0 auto;padding:0 20px;text-align:center;margin-top:4rem;}
.banner-content h1 {font-size:60px;font-weight:bold;color:#fff;margin-bottom:2rem;line-height:1.2;}
.banner-content p {color:#fff;font-size:21px;line-height:34px;margin:3rem auto 65px;max-width:860px;}
.banner-buttons {display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.banner-buttons .btn{font-size:1.4rem;border-radius:4px;padding:10px 30px;}
.btn-first {background:#2052AE;border:1px solid #2052AE;}
.btn-second {background:none;border:1px solid #fff;}
@media (max-width:1024px) {
    .banner-content {margin-top:2rem;}
    .banner-content h1 {font-size:42px;}
    .banner-content p {font-size:16px;line-height:26px;margin:1rem auto 40px;}
}
@media (max-width:768px) {
    .banner-section {height:500px;}
    .banner-overlay {background:rgba(0,0,0,0.46);}
    .banner-content {margin-top:1rem;padding:66px 19px 0;}
    .banner-content h1 {font-size:30px;margin-bottom:20px;line-height:3rem;}
    .banner-content p {font-size:16px;line-height:26px;margin-bottom:25px;max-width:100%;}
    .banner-buttons span{display:none;}
    .banner-buttons {justify-content:center;}
    .banner-buttons .btn{font-size:1.3rem;border-radius:3px;padding:8px 16px;}
    .btn-first {background:#2a64c5;border-color:#2a64c5;}
}
@keyframes fadeInUp {from {opacity:0;transform:translateY(30px);} to {opacity:1;transform:translateY(0);}}
.animated {animation-duration:0.8s;animation-fill-mode:both;}
.fadeInUp {animation-name:fadeInUp;}
.delay-1 {animation-delay:0s;}
.delay-2 {animation-delay:0.4s;}
.delay-3 {animation-delay:0.8s;}


/* Main Product */
.main-product {padding-top:110px;padding-bottom:110px;background:#1d73c9;}
.main-product-list {display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.main-product-list li {display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:5px;overflow:hidden;}
.main-product-list li figure {width:43.668%;text-align:center;}
.main-product-list li img {max-width:71%;display:inline-block;vertical-align:middle;}
.main-product-list li a:hover img {transform:scale(1.05);}
.main-product-info {padding:20px 20px 20px 10px;width:calc(100% - 43.668%);text-align:left;}
.main-product-info h2 {font-family:Arial!important;font-weight:bolder;letter-spacing:-1px;font-size:2rem;margin:0 0 15px;}
.main-product-info p {font-size:1rem;line-height:1.5;margin-bottom:20px;}
.main-product-info .btn {margin-top:0;padding:6px 16px;font-size:1.2rem;}
.main-product-info .btn:hover {background:#ff0a1f;}
@media (max-width:1024px) {
    .main-product {padding-top:60px;padding-bottom:70px;}
    .main-product-info h2 {font-size:1.5rem;margin-bottom:10px;}
    .main-product-info p {font-size:0.9rem;}
}
@media (max-width:768px) {
    .main-product-list {grid-template-columns:1fr;gap:20px;}
    .main-product-list li {flex-direction:column;}
    .main-product-list li figure {width:100%;}
    .main-product-list li img {margin-top:1rem;}
    .main-product-info {width:100%;text-align:center;padding:20px;}
    .main-product-info .btn {margin-top:0.5rem;}
}


/* Video Section */
.video-section {padding:7rem 0;background:#f9f9f9;}
.video-section .content-wrapper {display:flex;align-items:center;gap:30px;}
.video-section .info-box {flex:1;}
.video-section .video-box {flex:1.2;}
.video-section .section-title {margin-bottom:1.4rem;text-align:left;}
.video-section h2 {margin-bottom:14px;text-align:left;}
.video-section h2::after {left:0;transform:none;}
.video-section p {font-size:16px;line-height:2;margin-bottom:0.5rem;}
.video-section .btn {background:#0f72d6;font-size:1.1rem;padding:0.6rem 1.5rem;}
.video-section .btn:hover {opacity:0.85;}
.video-section .video-wrapper {position:relative;overflow:hidden;aspect-ratio:16 / 9;}
.video-section video {width:100%;height:100%;object-fit:cover;border-radius:4px;}
.video-wrapper {cursor:pointer;}
.video-wrapper .play-btn {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:url('../images/play-video.webp') no-repeat center;background-size:contain;z-index:999;cursor:pointer;transition:all 0.3s ease;pointer-events:none;}
.video-wrapper .play-btn.hide {opacity:0;visibility:hidden;}
@media (max-width:1024px) {
    .video-section .content-wrapper {flex-direction:column;}
    .video-section .video-box {order:-1;}
    .video-section .info-box {padding:20px 0;}
    .video-section .section-title, .video-section h2 {text-align:center;}
    .video-section h2 {font-size:36px;}
    .video-section h2::after {left:50%;transform:translateX(-50%);}
    .video-section p {line-height:1.8;}
    .video-section .video-box {flex:auto;width:100%;}
    .video-section .btn {padding:12px 30px;font-size:16px;}
}
@media (max-width:768px) {
    .video-section {padding:3rem 0;}
    .video-section h2 {font-size:28px;}
    .video-wrapper .play-btn {top:43.5%;width:72px;height:72px;}
}


/* Advantage */
.advantage-section {position:relative;margin:6rem 0;}
.advantage-grid {display:grid;grid-template-columns:7fr 6fr;gap:10px;align-items:center;}
.advantage-list {display:flex;flex-direction:column;}
.advantage-list li {position:relative;margin-bottom:2rem;padding-left:2.5rem;}
.advantage-list li:before {content:"";background:url('../images/tick.svg') center no-repeat;background-size:3rem;width:2.4rem;height:1.8rem;position:absolute;left:0;top:4px;}
.advantage-list li h3 {display:block;font-size:1.6rem;margin-bottom:1rem;color:#444;}
.advantage-list li p {font-size:1rem;line-height:1.75;color:#4a5568;margin:0;}
.advantage-buttons {display:flex;flex-wrap:wrap;gap:12px;margin-left:2.5rem;}
.advantage-btn {display:flex;align-items:center;justify-content:center;width:280px;height:60px;font-size:1.2rem;background:none;color:#444;border:1px solid #444;text-align:center;border-radius:4px;}
.advantage-btn.active {background:#2052AE;border:#2052AE;color:#fff;}
.advantage-btn.active:hover {color:#fff;}
.advantage-btn:hover {text-decoration:underline;}
.advantage-image {text-align:center;}
.advantage-image img {width:100%;object-fit:cover;}
@media (max-width:1366px) {
    .advantage-btn {width:270px;}
}
@media (max-width:1024px) {
    .advantage-grid {grid-template-columns:1fr;gap:2rem;}
    .advantage-buttons {justify-content:center;}
    .advantage-list li {padding-left:2.2rem;}
}
@media (max-width:768px) {
    .advantage-section {margin:4rem 0 3rem;}
    .advantage-btn {width:100%;max-width:280px;height:52px;font-size:1rem;}
    .advantage-buttons {flex-direction:column;align-items:center;margin-left:0;}
    .advantage-list li:before {width:2rem;height:1.4rem;top:3px;}
    .advantage-list li h3 {font-size:1.2rem;}
}


/* Project */
.project-section {margin:9rem 0 5rem;position:relative;}
.project-section::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.project-section .container {position:relative;z-index:2;max-width:1490px;margin:0 auto;padding:0 25px;}
.project-list {display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2rem;}
.project-list li {position:relative;transition:opacity 0.3s;cursor:pointer;}
.project-list li:hover {opacity:0.9;}
.project-list li figure {margin:0;overflow:hidden;}
.project-list li img {width:100%;height:auto;display:block;transition:transform 0.4s ease;}
.project-list li:hover img {transform:scale(1.05);}
.project-list h3 {font-size:1.375rem;background:#2052AE;text-align:center;padding:18px 10px;color:#fff;line-height:1.2;}
@media (max-width:1024px) {
    .project-section {margin:5rem 0 3rem;}
    .project-list {grid-template-columns:1fr;gap:24px;}
}
@media (max-width:768px) {
    .project-list h3 {font-size:1.2rem;padding:16px 8px;}
}


/* Partner */
.partner-section {padding:6.5rem 0;background:#f1f1f1;}
.partner-list {display:grid;gap:30px;grid-template-columns:repeat(4,1fr);}
.partner-list li {position:relative;background:#fff;border-radius:8px;padding:20px;transition:box-shadow 0.3s ease;}
.partner-list li img {width:100%;height:auto;object-fit:contain;transition:transform 0.3s ease;}
.partner-list li:hover img {transform:scale(1.05);cursor:pointer;}
@media (max-width:1024px) {
    .partner-section {padding:5rem 0 4rem;}
    .partner-list {grid-template-columns:repeat(3,1fr);gap:20px;}
}
@media (max-width:768px) {
    .partner-section {padding:3rem 0 2.6rem;}
    .partner-list {grid-template-columns:repeat(2,1fr);gap:15px;}
    .partner-list li {padding:10px;}
    .section-title {margin-bottom:1rem;}
}


/* Factory */
.factory-gallery {padding:7rem 0;}
.factory-gallery .thumb-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.factory-gallery .thumb-grid li {overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.factory-gallery .thumb-grid figure {margin:0;overflow:hidden;}
.factory-gallery .thumb-grid img {width:100%;display:block;object-fit:cover;aspect-ratio:1 / 0.7;transition:transform 0.4s ease;}
.factory-gallery .thumb-grid li:hover img {transform:scale(1.05);}
.factory-gallery .thumb-grid h3 {background:#2052AE;text-align:center;padding:18px 10px;color:#fff;line-height:1.2;font-size:1.375rem;margin:0;}
@media (max-width:1024px) {
    .factory-gallery {padding:4rem 0;}
    .factory-gallery .thumb-grid {gap:20px;}
    .factory-gallery .thumb-grid h3 {font-size:1.2rem;padding:14px 10px;}
}
@media (max-width:768px) {
    .factory-gallery {padding:3rem 0;}
    .factory-gallery .thumb-grid {grid-template-columns:1fr;gap:24px;}
    .factory-gallery .thumb-grid h3 {font-size:1rem;padding:12px 10px;}
}


/* Blog */
.news-section {margin:2rem 0 6rem;}
.news-list {display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem;}
.news-item {padding:1rem;background:#fff;border-radius:6px;box-shadow:0 8px 10px rgba(28,52,92,0.2);transition:transform 0.2s ease;overflow:hidden;}
.news-item a {display:block;}
.news-item-image {overflow:hidden;}
.news-item-image img {display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;transition:transform 0.3s ease;}
.news-item:hover .news-item-image img {transform:scale(1.02);}
.news-item-content {padding:20px 10px 10px;}
.news-item-content h3 {margin-bottom:14px;color:#1a1a1a;}
.news-item-content h3:hover {color:#008fd7;}
.news-item-content p {font-size:0.95rem;color:#444;}
.news-item-more {display:inline-block;width:9rem;margin:1.6rem 0 1.5rem;padding:0.8rem;border:2px solid #144977;border-radius:5px;text-align:center;font-weight:bold;color:#144977;transition:background 0.3s,color 0.3s;}
.news-item:hover .news-item-more {background:#008fd7;color:#fff;border-color:#008fd7;}
@media (max-width:1024px) {
    .news-section {margin:1rem 0 3rem;}
    .news-list {grid-template-columns:repeat(2,1fr);gap:25px;}
    .news-item-content h3 {font-size:1.15rem;}
}
@media (max-width:768px) {
    .news-list {grid-template-columns:1fr;gap:30px;}
    .news-item-content h3 {font-size:1.1rem;}
    .news-item-content p {font-size:0.9rem;}
    .news-item-more {width:8rem;padding:0.6rem;margin:1.2rem 0 1rem;}
}