Auto Body Jobs Vancouver WA | Collision Repair Careers $200K+ | Five Star Auto Body Employment * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #374151; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Navigation */ .navbar { position: fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #f97316; z-index: 1000; padding: 0.25rem 0; } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .nav-logo { display: flex; align-items: center; text-decoration: none; } .nav-logo img { height: 80px; width: auto; transition: transform 0.3s ease; } .nav-logo:hover img { transform: scale(1.05); } @media (max-width: 768px) { .nav-logo img { height: 60px; } .nav-container { padding: 0 15px; } } @media (max-width: 480px) { .nav-logo img { height: 50px; } .nav-container { padding: 0 10px; } } .nav-menu { display: flex; list-style: none; gap: 2rem; margin: 0; position: relative; } .nav-item { position: relative; } .dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: white; min-width: 280px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 12px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1001; margin-top: 0.5rem; border: 1px solid rgba(249, 115, 22, 0.1); } .dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-content a { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-size: 0.95rem; font-weight: 500; transition: all 0.3s ease; border-radius: 8px; margin: 0.3rem; } .dropdown-content a:hover { background: linear-gradient(45deg, #f97316, #ea580c); color: white; transform: translateX(5px); } .dropdown-content a:first-child { margin-top: 0.5rem; } .dropdown-content a:last-child { margin-bottom: 0.5rem; } .nav-link { color: #374151; text-decoration: none; font-weight: 500; padding: 0.5rem 0; } .nav-link:hover { color: #f97316; } .nav-cta { background: #f97316; color: white; padding: 0.5rem 1rem; border-radius: 25px; text-decoration: none; font-weight: bold; } .mobile-menu-btn { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #374151; padding: 0.5rem; } .dropdown-toggle::after { content: ' ▼'; font-size: 0.8rem; margin-left: 0.5rem; transition: transform 0.3s ease; } .dropdown-toggle.active::after { transform: rotate(180deg); } /* Hero Section */ .hero { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #f97316 100%); color: white; height: 100vh; min-height: 100vh; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 100px 20px 20px; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,'); animation: float 20s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } .hero .container { position: relative; z-index: 2; width: 100%; max-height: calc(100vh - 140px); display: flex; flex-direction: column; justify-content: center; } .hero h1 { font-size: 3.2rem; font-weight: bold; margin-bottom: 1.2rem; line-height: 1.2; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); } .hero-subtitle { font-size: 1.3rem; margin-bottom: 2rem; opacity: 0.95; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); max-width: 800px; margin-left: auto; margin-right: auto; } .hero-cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem; } .hero-btn { display: inline-block; background: rgba(255,255,255,0.15); color: white; padding: 16px 32px; text-decoration: none; border-radius: 30px; font-weight: 600; font-size: 1.1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter: blur(20px); border: 2px solid rgba(255,255,255,0.3); position: relative; overflow: hidden; } .hero-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.8s ease; } .hero-btn:hover::before { left: 100%; } .hero-btn:hover { background: rgba(255,255,255,0.25); transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.5); } .hero-btn.primary { background: linear-gradient(45deg, #f97316, #ea580c); border-color: #f97316; } .hero-btn.primary:hover { background: linear-gradient(45deg, #ea580c, #dc2626); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } /* Sections */ .section { padding: 80px 0; } .section-title { text-align: center; font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; color: #2563eb; } .section-subtitle { text-align: center; font-size: 1.1rem; color: #6b7280; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; } /* Why Join Section */ .why-join { background: white; } .why-join-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .why-join-item { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; } .why-join-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .why-join-item:hover::before { transform: translateX(0); } .why-join-item:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .why-join-item h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .why-join-item p { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .highlight { color: #f97316; font-weight: 600; } /* Job Openings Section */ .job-openings { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .job-openings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .job-card { background: white; padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 400px; display: flex; flex-direction: column; justify-content: space-between; } .job-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .job-card:hover::before { transform: translateX(0); } .job-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .job-header { margin-bottom: 1.5rem; } .job-title { font-size: 1.5rem; color: #2563eb; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.3; } .job-meta { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; } .job-meta span { background: #f8fafc; color: #6b7280; padding: 0.3rem 0.8rem; border-radius: 15px; font-size: 0.85rem; font-weight: 500; } .urgent { background: #fee2e2 !important; color: #dc2626 !important; } .salary { background: #f0fdf4 !important; color: #16a34a !important; } .job-description { color: #6b7280; line-height: 1.6; margin-bottom: 1.5rem; flex-grow: 1; } .job-cta { background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 12px 24px; border-radius: 25px; text-decoration: none; font-weight: 600; text-align: center; transition: all 0.3s ease; display: inline-block; } .job-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(249, 115, 22, 0.3); } /* Employee Stats Section */ .employee-stats { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .employee-stats .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .employee-stats .section-subtitle { color: #e0e7ff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .stat-card { text-align: center; padding: 2.5rem 1.5rem; background: rgba(255,255,255,0.1); border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .stat-card:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.15); box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .stat-number { font-size: 3rem; font-weight: 800; color: #fed7aa; margin-bottom: 0.5rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1; } .stat-label { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.8rem; color: white; line-height: 1.2; } .stat-desc { font-size: 0.9rem; opacity: 0.9; line-height: 1.4; } /* Testimonials Section */ .testimonials { background: white; } .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .testimonial-card { background: linear-gradient(145deg, #f8fafc, #e2e8f0); padding: 2.5rem; border-radius: 20px; border-left: 5px solid #f97316; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; } .testimonial-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.05), transparent); transition: left 0.8s ease; } .testimonial-card:hover::before { left: 100%; } .testimonial-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .testimonial-text { font-style: italic; color: #6b7280; line-height: 1.6; margin-bottom: 1.5rem; flex-grow: 1; } .testimonial-author { display: flex; align-items: center; gap: 1rem; } .author-initial { width: 50px; height: 50px; background: linear-gradient(45deg, #f97316, #ea580c); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem; } .author-info h4 { color: #2563eb; font-weight: 600; margin-bottom: 0.2rem; } .author-info p { color: #6b7280; font-size: 0.9rem; } /* Training Section */ .training { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .training-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; } .training-item { background: white; padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; } .training-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .training-item:hover::before { transform: translateX(0); } .training-item:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .training-item h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .training-item p { color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Application Process Section */ .application-process { background: white; } .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .process-step { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; justify-content: center; } .process-step::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .process-step:hover::before { transform: translateX(0); } .process-step:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .step-number { width: 80px; height: 80px; background: linear-gradient(45deg, #f97316, #ea580c); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold; margin: 0 auto 1.5rem; box-shadow: 0 10px 30px rgba(249, 115, 22, 0.3); } .process-step h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .process-step p { color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Benefits Section */ .benefits { background: linear-gradient(135degree, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .benefits .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .benefits .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .benefits-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .benefit-card { text-align: center; padding: 2.5rem 1.5rem; background: rgba(255,255,255,0.1); border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .benefit-card:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.15); box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .benefit-card h3 { font-size: 1.3rem; font-weight: 600; margin-bottom: 1rem; color: #fed7aa; line-height: 1.3; } .benefit-card p { font-size: 0.95rem; line-height: 1.5; opacity: 0.9; } /* Locations Hiring Section */ .locations-hiring { background: white; } .locations-hiring-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .location-hiring-card { background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 25px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; border: 1px solid rgba(249, 115, 22, 0.1); min-height: 400px; display: flex; flex-direction: column; } .location-hiring-card:hover { transform: translateY(-12px) scale(1.03); box-shadow: 0 35px 90px rgba(0,0,0,0.18); border-color: rgba(249, 115, 22, 0.3); } .location-image { height: 140px; background: linear-gradient(135deg, #f97316, #2563eb); display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 1rem; position: relative; overflow: hidden; } .location-image::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 1s ease; } .location-hiring-card:hover .location-image::before { left: 100%; } .location-content { padding: 1.8rem; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .location-hiring-card h3 { color: #2563eb; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 600; line-height: 1.3; } .location-details { color: #6b7280; margin-bottom: 1.5rem; font-size: 0.9rem; line-height: 1.6; flex-grow: 1; } .location-details p { margin-bottom: 0.5rem; } .location-details a { color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .location-details a:hover { color: #f97316; } .location-cta { background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 10px 20px; border-radius: 20px; text-decoration: none; text-align: center; font-weight: 500; font-size: 0.9rem; transition: all 0.3s ease; } .location-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3); } /* Contact Section */ .contact { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .contact .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .contact .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .contact-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; text-align: center; max-width: 1200px; margin: 0 auto; } .contact-item { padding: 3rem 2rem; background: rgba(255,255,255,0.15); border-radius: 25px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .contact-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); opacity: 0; transition: opacity 0.4s ease; } .contact-item:hover::before { opacity: 1; } .contact-item:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .contact-item h3 { margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } .contact-item p { font-size: 1.1rem; line-height: 1.6; } .contact-item a { color: white; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .contact-item a:hover { color: #fed7aa; text-shadow: 0 0 10px rgba(253, 215, 170, 0.5); } /* Footer */ .footer { background: #374151; color: white; padding: 3rem 0 2rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-section h3 { color: #f97316; margin-bottom: 1.5rem; font-size: 1.2rem; font-weight: 600; } .footer-section ul { list-style: none; } .footer-section li { margin-bottom: 0.8rem; } .footer-section a { color: white; text-decoration: none; opacity: 0.8; transition: all 0.3s ease; font-size: 0.95rem; } .footer-section a:hover { color: #f97316; opacity: 1; transform: translateX(3px); } .footer-bottom { border-top: 1px solid #6b7280; padding-top: 2rem; text-align: center; opacity: 0.7; font-size: 0.9rem; line-height: 1.6; } /* Mobile Responsive */ @media (max-width: 1200px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } .benefits-grid { grid-template-columns: repeat(2, 1fr); } .locations-hiring-grid { grid-template-columns: repeat(2, 1fr); } .job-openings-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .nav-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; flex-direction: column; padding: 1rem 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-top: 1px solid #e5e7eb; } .nav-menu.active { display: flex; } .nav-item { width: 100%; border-bottom: 1px solid #f3f4f6; } .nav-item:last-child { border-bottom: none; } .nav-link { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-weight: 500; border: none; background: none; width: 100%; text-align: left; cursor: pointer; } .nav-link:hover { background: #f9fafb; color: #f97316; } .nav-cta { background: #f97316; color: white !important; margin: 0.5rem 1rem; border-radius: 8px; text-align: center; } .nav-cta:hover { background: #ea580c; } .dropdown { position: relative; } .dropdown-content { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #f8fafc; margin: 0; border-radius: 0; border: none; border-top: 1px solid #e5e7eb; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .dropdown.active .dropdown-content { max-height: 500px; } .dropdown-content a { display: block; padding: 0.8rem 2rem; color: #6b7280; text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.2s ease; border-radius: 0; margin: 0; border-bottom: 1px solid #e5e7eb; } .dropdown-content a:last-child { border-bottom: none; } .dropdown-content a:hover { background: #e5e7eb; color: #374151; transform: none; padding-left: 2.5rem; } .hero { height: 100vh; min-height: 100vh; padding: 90px 15px 15px; } .hero h1 { font-size: 2rem; margin-bottom: 1rem; } .hero-subtitle { font-size: 1.1rem; margin-bottom: 1.5rem; } .hero-cta-buttons { flex-direction: column; align-items: center; gap: 1rem; } .hero-btn { padding: 12px 24px; font-size: 1rem; width: 100%; max-width: 280px; } .section { padding: 50px 0; } .section-title { font-size: 1.8rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; } /* Grid adjustments for mobile */ .why-join-grid { grid-template-columns: 1fr; gap: 1.5rem; } .job-openings-grid { grid-template-columns: 1fr; gap: 1.5rem; } .stats-grid { grid-template-columns: 1fr; gap: 1.5rem; } .testimonials-grid { grid-template-columns: 1fr; gap: 1.5rem; } .training-grid { grid-template-columns: 1fr; gap: 1.5rem; } .process-grid { grid-template-columns: 1fr; gap: 1.5rem; } .benefits-grid { grid-template-columns: 1fr; gap: 1.5rem; } .locations-hiring-grid { grid-template-columns: 1fr; gap: 1.5rem; max-width: 400px; margin: 0 auto; } .contact-content { grid-template-columns: 1fr; gap: 1.5rem; } /* Card adjustments */ .why-join-item, .job-card, .training-item, .process-step { padding: 1.5rem; min-height: auto; } .stat-card, .benefit-card, .contact-item { padding: 1.5rem; min-height: auto; } .location-hiring-card { min-height: auto; max-width: 100%; } .location-content { padding: 1.5rem; } .footer-content { grid-template-columns: 1fr; gap: 2rem; } } @media (max-width: 480px) { .container { padding: 0 15px; } .hero { padding: 80px 10px 10px; } .hero h1 { font-size: 1.7rem; line-height: 1.2; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.2rem; } .section { padding: 40px 0; } .section-title { font-size: 1.6rem; margin-bottom: 0.8rem; } .section-subtitle { font-size: 0.9rem; margin-bottom: 1.5rem; } .why-join-item, .job-card, .training-item, .process-step { padding: 1.2rem; } .stat-number { font-size: 2.5rem; } .step-number { width: 60px; height: 60px; font-size: 1.5rem; } }

Join Vancouver WA's Premier Auto Body Team

Now Hiring Journeymen Technicians, Painters & Estimators - Build your career with Five Star Auto Body, Southwest Washington's leading collision repair center with competitive salaries up to $200K+ and comprehensive benefits

View Open Positions Apply Today

Why Join Five Star Auto Body?

Industry-leading benefits, career growth opportunities, and a culture that values excellence in collision repair and auto body restoration

Competitive Compensation & Benefits

Industry-leading pay rates for journeymen technicians ($120K-$200K+), painters ($80K-$180K), and estimators ($60K-$120K) with performance bonuses and efficiency incentives. We reward expertise and experience with top-tier compensation packages that reflect your skills in auto body repair and collision restoration.

Career Development & Training

Access to OEM factory training, I-CAR certification programs, and clear advancement opportunities. We invest in your professional growth with manufacturer training from Kia, FCA, Hyundai, Nissan, GM, and Ford - keeping you at the forefront of collision repair technology.

Award-Winning Work Environment

Join an OEM certified, BBB A+ rated team recognized for excellence in collision repair. Work with state-of-the-art equipment, modern paint booths, and computerized measuring systems in clean, professional facilities across Vancouver WA, Longview WA, and Chehalis WA.

Current Auto Body Career Opportunities

Join our growing team at any of our Vancouver WA, Longview WA, or Chehalis WA locations with competitive salaries and comprehensive benefits

Journeymen Auto Body Technician

URGENT NEED Full-Time $120K-$200K+ All Locations

We're actively seeking experienced journeymen technicians for auto body repair and collision restoration. Perform high-quality collision repairs, frame straightening, panel replacement, and welding work. 3+ years experience required with proficiency in MIG welding and frame machines. Excellent benefits package with tool allowance and factory training opportunities.

Apply Now

Auto Body Painter

Full-Time $80K-$180K All Locations

Join our state-of-the-art paint department with the latest downdraft spray booths and computerized color matching systems. 2+ years automotive painting experience required with knowledge of waterborne and solvent paint systems. Color matching and blending expertise essential for this collision repair role.

Apply Now

Collision Repair Estimator

Full-Time $60K-$120K All Locations

Help Vancouver WA customers navigate the collision repair process with detail-oriented estimation and excellent communication skills. Experience with CCC One, Mitchell, or Audatex estimating systems required. Strong customer service skills and knowledge of insurance claim procedures essential.

Apply Now

Five Star Auto Body by the Numbers

Join a stable, growing company with a proven track record of success in the auto body repair industry

30+

Years in Business

Established reputation since 1995 in collision repair excellence

Convenient Locations

Vancouver, Longview & Chehalis WA auto body facilities

50+

Team Members

Growing family of collision repair professionals

4.9/5

Employee Satisfaction

Exceptional workplace culture and career growth

What Our Team Members Say

Hear directly from our employees about their experience working at Five Star Auto Body in Washington state

"I've been a journeyman technician here for 8 years, and it's the best auto body shop I've worked at. The management truly cares about their employees, the equipment is top-notch, and the team feels like family. The consistent workflow and fair pay structure make this a great place to build a collision repair career."

James Rodriguez

Journeymen Technician - Vancouver NE 68th St

"Starting as an apprentice and working my way up to lead painter has been an incredible journey. Five Star invested in my training, sent me to PPG certification courses, and gave me the tools to succeed. The work-life balance here is excellent - no weekends means I can spend time with my family."

Maria Chen

Lead Painter - Longview Location

"The estimating team here really works as a unit. We help each other grow and learn from experienced team members. Five Star's commitment to customer service excellence makes me proud to represent the company. The training opportunities have advanced my career significantly."

David Smith

Senior Estimator - Chehalis Location

Professional Training & Career Development

Invest in your future with comprehensive training programs and certification opportunities in collision repair technology

Manufacturer OEM Training Programs

Access exclusive factory training from Kia, FCA, Hyundai, Nissan, GM, and Ford. Learn cutting-edge collision repair techniques, advanced materials, and manufacturer-specific procedures. Our certified OEM training ensures you stay current with evolving automotive technology and repair standards.

I-CAR Certification & Advanced Skills

Develop expertise through I-CAR Gold Class certification programs, welding certifications, and specialized training in frame straightening, aluminum repair, and modern safety systems. Our commitment to continuing education keeps your auto body repair skills at industry-leading levels.

Leadership Development & Advancement

Clear pathways for career advancement from apprentice to journeymen to leadership roles. We promote from within and provide mentorship programs to help you grow your collision repair career. Many of our current managers started as entry-level technicians and advanced through our development programs.

Technology & Equipment Training

Master the latest collision repair technology including computerized measuring systems, advanced paint mixing equipment, and modern welding techniques. Our state-of-the-art facilities provide hands-on experience with industry-leading equipment across all auto body repair disciplines.

How to Join Our Auto Body Team

Simple application process to start your collision repair career with Five Star Auto Body

Submit Your Application

Complete our online application or call directly. Submit your resume highlighting your auto body repair experience, certifications, and career goals. We review all applications promptly and respond within 48 hours.

Interview & Skills Assessment

Meet with our team for an in-person interview and hands-on skills assessment. We evaluate your collision repair knowledge, work quality, and cultural fit with our team values and standards.

Start Your Career

Begin your journey with Five Star Auto Body! Complete orientation, receive your tool allowance, and start working with our experienced team. We provide comprehensive onboarding and mentorship for all new employees.

Comprehensive Benefits Package

We take care of our team with industry-leading benefits and compensation in the auto body repair industry

Health & Wellness

Comprehensive health insurance, dental, vision coverage, and wellness programs for you and your family.

Financial Security

401(k) with company match, performance bonuses, and efficiency incentives based on quality work.

Work-Life Balance

Monday-Friday schedule, no weekends, major holidays off, and flexible scheduling options available.

Professional Growth

$1,500 annual tool allowance, factory training, certification programs, and clear advancement opportunities.

Auto Body Career Opportunities at All Locations

Explore career opportunities at our four convenient Washington locations serving Vancouver, Longview, and Chehalis communities

Columbia Street Vancouver

Vancouver - Columbia Street

Address: 1813 Columbia Street, Vancouver WA 98660

Phone: (360) 258-1612

Current Openings: Journeymen Technicians, Estimators

Join our established Vancouver auto body team serving Clark County with expert collision repair services.

Learn More

NE 68th Street Vancouver

Vancouver - NE 68th Street

Address: NE 68th Street, Vancouver WA 98662

Phone: (360) 699-4887

Current Openings: Auto Body Painters, Entry Level Positions

Modern facility in Northeast Vancouver with state-of-the-art equipment and growing team.

Learn More

Longview Location

Longview WA Location

Address: 760 Commerce Ave, Longview WA 98632

Phone: (360) 353-3018

Current Openings: Journeymen Technicians, Apprentices

Serve the Longview community with professional collision repair in Cowlitz County.

Learn More

Chehalis Location

Chehalis WA Location

Address: 55 N Market Boulevard, Chehalis WA 98532

Phone: (360) 748-8344

Current Openings: All Positions Available

Join our Chehalis team serving Lewis County with comprehensive auto body services.

Learn More

Start Your Auto Body Career Today

Take the next step in your collision repair career - join Southwest Washington's premier auto body team

Apply by Phone

Vancouver: (360) 699-4887 | (360) 258-1612
Longview: (360) 353-3018
Chehalis: (360) 748-8344

Email Your Resume

info@fivestarvancouver.com
Include salary requirements
Fast response guaranteed

Visit Our Locations

4 Convenient Locations
Vancouver, Longview & Chehalis WA
Learn more about us