.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/contact-banner.webp) top/cover}.breadcrumb-item a,.banner-sm .banner-content p{color:#fff}.contact-methods-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.contact-method-card{display:flex;gap:20px;padding:30px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-base);align-items:center}.contact-method-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.contact-method-icon{width:60px;height:60px;background:rgb(240 79 97 / .1);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.contact-method-card:hover .contact-method-icon{background:var(--primary-color);color:var(--white)}.contact-method-content h3{font-size:1.15rem;margin-bottom:5px;color:var(--text-dark)}.contact-method-content p,.contact-method-content a{font-size:1rem;color:var(--text-medium);margin:0}.contact-interaction-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:50px;align-items:start}.contact-form-column,.contact-map-column{height:100%;background:var(--white);padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.form-header,.map-header{margin-bottom:30px}.form-header h2,.map-header h3{font-size:1.8rem;margin-bottom:10px}.form-header p,.map-header p{color:var(--text-light);font-size:1rem}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.map-wrapper{height:350px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:25px;border:1px solid var(--border-color)}.map-wrapper iframe{width:100%;height:100%;border:0;display:block}.contact-social-inline h4{font-size:1.1rem;margin-bottom:15px}.contact-social-inline .social-links{display:flex;gap:12px}.contact-social-inline .social-links a{width:40px;height:40px;background:var(--secondary-color);color:var(--text-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.contact-social-inline .social-links a:hover{background:var(--primary-color);color:var(--white);transform:scale(1.1)}@media (max-width:1200px){.contact-interaction-grid{gap:30px}}@media (max-width:991px){.contact-methods-row{grid-template-columns:1fr}.contact-interaction-grid{grid-template-columns:1fr}.contact-form-column,.contact-map-column{padding:30px}}@media (max-width:576px){.contact-form .form-row{grid-template-columns:1fr}.contact-method-card{padding:20px}}