* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, ‘Helvetica Neue’, Arial, sans-serif;
line-height: 1.6;
color: #333;
}
.hero-section {
display: flex;
align-items: center;
justify-content: space-between;
padding: 80px 60px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
gap: 60px;
}
.hero-content {
flex: 1;
max-width: 550px;
}
.eyebrow {
color: #6c757d;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 500;
}
.hero-headline {
font-size: 48px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 24px;
color: #1a1a1a;
}
.hero-subheadline {
font-size: 18px;
color: #495057;
margin-bottom: 32px;
line-height: 1.7;
}
.cta-button {
display: inline-block;
background: #28a745;
color: white;
padding: 16px 32px;
text-decoration: none;
border-radius: 6px;
font-weight: 600;
font-size: 16px;
transition: background 0.3s ease, transform 0.2s ease;
box-shadow: 0 4px 6px rgba(40, 167, 69, 0.2);
}
.cta-button:hover {
background: #218838;
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(40, 167, 69, 0.3);
}
.social-proof {
display: flex;
align-items: center;
gap: 16px;
margin-top: 32px;
}
.client-avatars {
display: flex;
margin-left: -12px;
}
.avatar {
width: 48px;
height: 48px;
border-radius: 50%;
border: 3px solid white;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
margin-left: -12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 600;
font-size: 16px;
}
.avatar:nth-child(2) {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
.avatar:nth-child(3) {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
.social-proof-text {
font-size: 15px;
color: #495057;
}
.stars {
color: #ffc107;
font-size: 14px;
display: block;
margin-top: 2px;
}
.hero-image {
flex: 1;
max-width: 600px;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.hero-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
min-height: 400px;
}
.benefits-bar {
background: #1a1a1a;
color: white;
padding: 24px 60px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
}
.benefit-item {
font-size: 15px;
display: flex;
align-items: center;
gap: 8px;
}
.checkmark {
color: #28a745;
font-size: 18px;
font-weight: bold;
}
.benefits-section {
padding: 80px 60px;
background: #f8f9fa;
}
.section-title {
text-align: center;
font-size: 42px;
font-weight: 700;
margin-bottom: 20px;
color: #1a1a1a;
}
.section-subtitle {
text-align: center;
font-size: 18px;
color: #6c757d;
margin-bottom: 60px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 40px;
max-width: 1200px;
margin: 0 auto;
}
.benefits-grid-extended {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
max-width: 1000px;
margin: 0 auto;
}
.benefit-card {
background: white;
padding: 36px;
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
text-align: center;
}
.benefit-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.benefit-icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}
.benefit-icon svg {
filter: drop-shadow(0 4px 8px rgba(40, 167, 69, 0.2));
}
.benefit-title {
font-size: 22px;
font-weight: 700;
margin-bottom: 12px;
color: #1a1a1a;
}
.benefit-description {
font-size: 16px;
color: #495057;
line-height: 1.7;
}
.cta-section {
background: linear-gradient(135deg, #28a745 0%, #20893a 100%);
padding: 80px 60px;
text-align: center;
color: white;
}
.testimonials-section {
padding: 80px 60px;
background: white;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
max-width: 1200px;
margin: 0 auto 50px auto;
}
.testimonial-card {
background: white;
padding: 40px 30px;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.testimonial-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.testimonial-avatar {
width: 100px;
height: 100px;
margin: 0 auto 20px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-headline {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
color: #1a1a1a;
}
.testimonial-text {
font-size: 15px;
color: #495057;
line-height: 1.6;
margin-bottom: 20px;
}
.testimonial-stars {
color: #ffc107;
font-size: 18px;
margin-bottom: 12px;
}
.testimonial-name {
font-weight: 600;
color: #1a1a1a;
font-size: 15px;
}
.rating-badge {
text-align: center;
font-size: 18px;
color: #495057;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
max-width: 600px;
margin: 0 auto;
}
.rating-badge strong {
color: #1a1a1a;
font-size: 24px;
}
.cta-section h2 {
font-size: 42px;
font-weight: 700;
margin-bottom: 20px;
}
.cta-section p {
font-size: 20px;
margin-bottom: 40px;
opacity: 0.95;
}
.cta-buttons {
display: flex;
gap: 20px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.cta-primary {
background: white;
color: #28a745;
padding: 18px 40px;
text-decoration: none;
border-radius: 6px;
font-weight: 700;
font-size: 18px;
transition: transform 0.2s ease, box-shadow 0.3s ease;
display: inline-block;
}
.cta-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.cta-phone {
font-size: 24px;
font-weight: 700;
color: white;
text-decoration: none;
display: flex;
align-items: center;
gap: 12px;
justify-content: center;
}
.cta-phone:hover {
opacity: 0.9;
}
.phone-icon {
font-size: 28px;
}
@media (max-width: 968px) {
.hero-section {
flex-direction: column;
padding: 60px 30px;
text-align: center;
}
.hero-headline {
font-size: 36px;
}
.benefits-bar {
flex-direction: column;
padding: 30px 20px;
gap: 20px;
}
.benefits-section {
padding: 60px 30px;
}
.section-title {
font-size: 32px;
}
.benefits-grid {
grid-template-columns: 1fr;
}
.benefits-grid-extended {
grid-template-columns: 1fr;
}
.testimonials-section {
padding: 60px 30px;
}
.testimonials-grid {
grid-template-columns: 1fr;
}
.cta-section {
padding: 60px 30px;
}
.cta-section h2 {
font-size: 32px;
}
.cta-buttons {
flex-direction: column;
}
}
Professional OSHA Training at Your Facility
Our expert instructors deliver customized, onsite OSHA training according to your schedule. We bring the training to you, reducing costs while maximizing team learning.
Benefits
Flexible Scheduling
Training happens on your timeline with minimal disruption to operations.
Cost Effective
Reduced per-person rates and eliminated travel expenses with maximum budget efficiency.
Team Building
Teams learning together build stronger safety cultures with enhanced workplace cohesion.
Customized Training
Tailored to meet your requirements with hands-on practice using your equipment and real workplace scenarios.
Testimonials
But don’t just take our word for it. Hear what our clients have to say…
Excellent customized training
The instructor tailored the course perfectly to our facility’s specific needs. Our team gained practical knowledge they could apply immediately.
Sarah Johnson
Flexible and professional
They worked around our production schedule and delivered high-quality training without disrupting our operations. Highly recommend.
Michael Chen
Cost-effective solution
Training our entire safety team on-site saved us thousands in travel costs and lost productivity. The ROI was immediate and measurable.
David Martinez
Ready to Bring Training to Your Team?
Contact us today to explore bringing our courses to your facility