.news-banner{background:linear-gradient(rgb(0 0 0 / .3),rgb(0 0 0 / .3)),url(https://www.hbqifan.com/wp-content/themes/GlobalZT/assets/images/banner/news-banner.webp) top/cover;position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center}.news-banner::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:var(--primary-color);clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%);opacity:.05;z-index:1}.breadcrumb-item a,.banner-sm .banner-content p{color:#fff}.news-banner .container{position:relative;z-index:2}.banner-content{text-align:start}.news-banner p{color:#fff;margin:0}.news-list-container{display:grid;grid-template-columns:300px 1fr;gap:40px}.news-list-container{display:grid;grid-template-columns:300px 1fr;gap:40px}.main-content-column{min-width:0}.sidebar-column .news-card{padding:10px}.news-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.news-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 5px rgb(0 0 0 / .1);transition:transform 0.4s cubic-bezier(.165,.84,.44,1),box-shadow 0.4s ease}.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.news-card-image{position:relative;height:auto;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.165,.84,.44,1)}.news-card-tag{position:absolute;top:20px;left:20px;background:var(--primary-color);color:var(--white);padding:5px 15px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;z-index:5;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.news-card-tag.highlight-tag{background:var(--secondary-color);color:var(--text-dark)}.news-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(226 53 10 / .7);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-base);z-index:2}.view-btn{color:var(--white);font-weight:700;border-radius:10px;border:2px solid var(--white);padding:10px 20px;transform:translateY(20px);transition:all 0.4s cubic-bezier(.165,.84,.44,1)}.news-card:hover .news-card-image img{transform:scale(1.1)}.news-card:hover .news-card-overlay{opacity:1}.news-card:hover .view-btn{transform:translateY(0)}.news-card-body{padding:30px}.news-card-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:.85rem;color:var(--text-light)}.news-card-meta span i{color:var(--primary-color);margin-right:5px}.meta-info{display:flex;gap:20px}.news-card-date{display:block;font-size:.9rem;color:var(--primary-color);font-weight:600;margin-bottom:15px}.news-card-title{font-size:1.4rem;font-weight:800;line-height:1.4;margin-bottom:15px}.news-card-title a{color:var(--text-dark);transition:var(--transition-base)}.news-card-title a:hover{color:var(--primary-color)}.news-card-excerpt{color:var(--text-medium);font-size:.95rem;line-height:1.6;margin-bottom:25px}.news-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:20px}.read-more{color:var(--primary-color);font-weight:700;display:flex;align-items:center;gap:8px;transition:gap 0.3s ease}.read-more:hover{gap:12px}.news-card-share{display:flex;gap:20px}.news-card-share a{color:var(--text-light);font-size:.9rem;transition:var(--transition-base)}.news-card-share a:hover{color:var(--primary-color);transform:translateY(-2px)}.milestones-section{background-image:url(https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=1600)}.milestones-section{background-image:url(https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=1600);background-attachment:fixed;background-size:cover}.milestones-accordion{display:flex;width:100%;height:450px;gap:10px}.milestone-item{position:relative;flex:1;overflow:hidden;border-radius:var(--radius-lg);transition:flex 0.8s cubic-bezier(.25,1,.5,1);cursor:pointer;box-shadow:var(--shadow-lg)}.milestone-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.25,1,.5,1)}.milestone-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgb(0 0 0 / .1) 0%,rgb(0 0 0 / .9) 100%);transition:all 0.6s ease}.milestone-item:hover .milestone-bg::after,.milestone-item.active .milestone-bg::after{background:linear-gradient(to bottom,rgb(226 53 10 / .2) 0%,rgb(0 0 0 / .95) 100%)}.milestone-content{position:relative;z-index:2;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:center;color:var(--white)}.milestone-header{margin-bottom:10px;display:flex;flex-direction:column;gap:5px}.milestone-tag{display:inline-block;background:var(--primary-color);color:var(--white);padding:4px 12px;border-radius:4px;font-size:.7rem;margin-bottom:10px;font-weight:700;width:fit-content;text-transform:uppercase;transform:translateY(20px);opacity:0;transition:all 0.6s cubic-bezier(.25,1,.5,1)}.milestone-year{font-size:2.5rem;font-weight:900;color:var(--white);line-height:.9;text-shadow:2px 2px 20px rgb(0 0 0 / .5);transition:all 0.6s cubic-bezier(.25,1,.5,1)}.milestone-title{font-size:.5rem;font-weight:800;margin-bottom:20px;color:var(--primary-color);transform:translateY(20px);opacity:0;transition:all 0.6s cubic-bezier(.25,1,.5,1);transition-delay:0.1s}.milestone-details{max-height:0;overflow:hidden;opacity:0;transition:all 0.8s cubic-bezier(.25,1,.5,1);transform:translateY(30px)}.milestone-desc{font-size:1rem;line-height:1.6;color:#fff;margin-bottom:20px;max-width:450px;opacity:.9}.milestone-features{list-style:none;padding:0;margin-bottom:25px;display:grid;grid-template-columns:1fr;gap:10px}.milestone-features li{font-size:.9rem;display:flex;align-items:center;gap:10px}.milestone-features li i{color:var(--primary-color);font-size:.8rem}.milestone-icon{position:absolute;top:40px;right:40px;font-size:4rem;color:var(--primary-color);opacity:.1;transition:all 0.8s ease}.milestone-item:hover,.milestone-item.active{flex:5}.milestone-item:hover .milestone-bg,.milestone-item.active .milestone-bg{transform:scale(1.1)}.milestone-item:hover .milestone-tag,.milestone-item.active .milestone-tag{opacity:1;transform:translateY(0)}.milestone-item:hover .milestone-year,.milestone-item.active .milestone-year{color:var(--primary-color)}.milestone-item:hover .milestone-title,.milestone-item.active .milestone-title{opacity:1;font-size:1.8rem;transform:translateY(0)}.milestone-item:hover .milestone-details,.milestone-item.active .milestone-details{max-height:400px;opacity:1;transform:translateY(0);transition-delay:0.2s}.milestone-item:hover .milestone-icon,.milestone-item.active .milestone-icon{opacity:.7;transform:scale(1.2) rotate(15deg)}.milestone-item:hover .milestone-features li,.milestone-item.active .milestone-features li{animation:fadeInUp 0.5s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1199px){.product-list-container{gap:30px}}@media (max-width:991px){.news-banner{min-height:auto}.product-list-container{grid-template-columns:1fr}.sidebar-wrapper{position:static;margin-bottom:50px}.sidebar-widget{max-width:600px;margin-left:auto;margin-right:auto}.milestones-accordion{height:auto;gap:20px;flex-direction:column}.milestone-item{height:300px;flex:none}.milestone-item:hover,.milestone-item.active{flex:none}.milestone-title{opacity:1;transform:none}.milestone-desc{opacity:1;transform:none}}@media (max-width:767px){.news-list-grid{grid-template-columns:1fr}.news-list-container{grid-template-columns:1fr;gap:0}.milestone-item{flex:none}.milestone-item .milestone-bg{transform:scale(1.1)}.milestone-item .milestone-tag{opacity:1;transform:translateY(0)}.milestone-item .milestone-year{color:var(--primary-color)}.milestone-item .milestone-title{opacity:1;font-size:1.8rem;transform:translateY(0)}.milestone-item .milestone-details{max-height:400px;opacity:1;transform:translateY(0);transition-delay:0.2s}.milestone-item .milestone-icon{display:none}}