.meet-team, .meet-team * { box-sizing: border-box; } .meet-team { background: #ffffff; padding: 80px 40px; font-family: 'Nexa', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', sans-serif; line-height: 1.5; } .meet-team .meet-team-inner { max-width: 1200px; margin: 0 auto; text-align: center; } /* One text element keeps the theme's H1 font consistent across the heading. */ .meet-team h1.meet-team-title { text-align: center; font-size: 48px; font-weight: 800; text-transform: uppercase; color: #000000; margin: 0 0 16px; padding: 0; letter-spacing: 3px; line-height: 1.2; } .meet-team .meet-team-divider { width: 70px; height: 4px; background: #F5A623; margin: 0 auto 50px; border-radius: 2px; } /* Six profiles: three columns and two rows on desktop. */ .meet-team .team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 30px; align-items: start; max-width: 1100px; margin: 0 auto; } .meet-team .team-card { min-width: 0; margin: 0; padding: 0; text-align: center; display: flex; flex-direction: column; align-items: center; transition: transform 0.3s ease; } .meet-team .team-card:hover { transform: translateY(-6px); } .meet-team .team-card img { width: 170px; height: 170px; max-width: 100%; object-fit: cover; border-radius: 50%; border: 3px solid #F5A623; margin: 0 auto 20px; display: block; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); } .meet-team .team-card:hover img { box-shadow: 0 12px 28px rgba(245, 166, 35, 0.3); transform: scale(1.02); } .meet-team .team-card h3 { color: #000000; font-size: 17px; font-weight: 700; text-transform: uppercase; margin: 0 0 8px; padding: 0; letter-spacing: 1.5px; text-align: center; line-height: 1.4; } .meet-team .team-card p { color: #F5A623; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding: 0; text-align: center; line-height: 1.5; overflow-wrap: anywhere; } @media (max-width: 1024px) { .meet-team .team-grid { gap: 30px; } .meet-team .team-card img { width: 155px; height: 155px; } .meet-team h1.meet-team-title { font-size: 42px; } } @media (max-width: 900px) { .meet-team { padding: 60px 30px; } .meet-team .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px 35px; max-width: 600px; } .meet-team h1.meet-team-title { font-size: 38px; letter-spacing: 2px; } .meet-team .meet-team-divider { margin-bottom: 45px; } .meet-team .team-card img { width: 160px; height: 160px; } .meet-team .team-card h3 { font-size: 16px; } } @media (max-width: 600px) { .meet-team { padding: 50px 20px; } .meet-team .team-grid { grid-template-columns: 1fr; gap: 48px; max-width: 320px; } .meet-team h1.meet-team-title { font-size: 28px; letter-spacing: 2px; } .meet-team .meet-team-divider { width: 55px; margin-bottom: 40px; } .meet-team .team-card img { margin-bottom: 16px; } .meet-team .team-card h3 { letter-spacing: 1px; } } @media (max-width: 380px) { .meet-team .team-card img { width: 140px; height: 140px; } .meet-team .team-card h3 { font-size: 14px; } } @media (prefers-reduced-motion: reduce) { .meet-team .team-card, .meet-team .team-card img { transition: none; } .meet-team .team-card:hover, .meet-team .team-card:hover img { transform: none; } } body.page-id-73 .elementor-element-2397f84 .elementor-heading-title span, body.page-id-73 .elementor-element-fb51d5f .elementor-heading-title span { color: #FFB400 !important; font-family: inherit; }