.banner-sm{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/faq-banner.webp) top/cover}.breadcrumb-item a,.banner-sm .banner-content p{color:#fff}.faq-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.faq-tab-btn{padding:12px 30px;background:var(--white);border:1px solid var(--border-color);border-radius:30px;font-weight:600;color:var(--text-dark);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.faq-tab-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.faq-tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white);box-shadow:var(--shadow-md)}.faq-pane{display:none}.faq-pane.active{display:block;animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.service-section{background-image:url(https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=1600)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.service-card{background:rgb(255 255 255 / .8);padding:30px;border-radius:var(--radius-lg);text-align:center;transition:var(--transition-base);box-shadow:var(--shadow-md)}.service-card:hover{background:rgb(255 255 255);transform:translateY(-10px);box-shadow:var(--shadow-lg)}.service-icon{width:70px;height:70px;background:rgb(240 79 97 / .1);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px;transition:var(--transition-base)}.service-card:hover .service-icon{background:var(--primary-color);color:var(--white);transform:rotateY(360deg)}.service-card h4{font-size:1.25rem;margin-bottom:15px}.service-card p{font-size:.95rem;color:var(--text-light);line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}@media (max-width:1200px){.service-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.faq-banner{min-height:300px;text-align:center}.faq-tabs{gap:20px;margin-bottom:30px}.faq-tab-btn{padding:10px 20px;font-size:.9rem}}@media (max-width:576px){.service-grid,.product-grid{grid-template-columns:1fr}.faq-tab-btn{width:100%}}