/* Modern Section Heading with Gradient */ .team-heading { text-align: center; background: linear-gradient(135deg, #1a5276, #138d75); color: #fff; padding: 60px 20px 50px; border-radius: 0 0 30px 30px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); margin-bottom: 30px; } .team-heading h2 { font-size: 42px; margin-bottom: 15px; font-weight: 700; letter-spacing: 1px; color: #ffffff; } .team-heading p { font-size: 20px; max-width: 720px; margin: 0 auto; color: #e0f7f5; line-height: 1.6; } .team-name { text-align: center; background: linear-gradient(135deg, #1a5276, #138d75); color: #fff; padding: 10px 10px; border-radius: 15px 15px 0px 0px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); width: 70%; margin: 0 auto; margin-top: 30px; } .team-name h2 { font-size: 25px; font-weight: 700; letter-spacing: 1px; color: #ffffff; } /* Team Card Layout */ .team-container { display: flex; flex-wrap: wrap; justify-content: center; padding: 40px 20px; gap: 25px; background-color: #f9f9f9; } .team-card { background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; padding: 30px 20px; width: 320px; transition: transform 0.3s ease; } .team-card:hover { transform: translateY(-5px); } .team-card img { width: 200px; height: 200px; object-fit: cover; border-radius: 50%; margin: 0 auto 20px; display: block; } .team-card h3 { margin: 10px 0 5px; font-size: 22px; color: #333; } .team-card p { margin: 0 0 15px; font-size: 16px; color: #777; } .social-icons { display: flex; justify-content: center; gap: 14px; margin-top: 10px; } .social-icons a { color: #178d75; font-size: 20px; text-decoration: none; transition: color 0.3s ease; } .social-icons a:hover { color: #0d5f4e; } /* Responsive */ @media (max-width: 768px) { .team-card { width: 90%; } .team-heading h2 { font-size: 30px; } .team-heading p { font-size: 16px; } }