Agence de Barjols

/* ----------------------------------------- */ /* Modèle de contenu : loop-item-in-equipe-agence - démarrer */ /* ----------------------------------------- */ .avia-team-member { background: #ffffff; border-radius: 14px; padding: 24px 20px 28px; text-align: center; box-shadow: 0 8px 24px rgba(0,0,0,0.06); transition: all 0.3s ease; position: relative; overflow: hidden; } .avia-team-member:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.1); } .team-img-container { width: 130px; height: 130px; margin: 0 auto 18px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(0,0,0,0.05); } .team-img-container img { width: 100%; height: 100%; object-fit: cover; } .team-member-name { font-size: 18px; font-weight: 600; margin: 8px 0 4px; color: #1d1d1f; letter-spacing: -0.3px; } .team-member-job-title { font-size: 14px; font-weight: 400; color: #6e6e73; letter-spacing: 0.2px; } .avia-team-member::after { content: ""; position: absolute; bottom: 0; left: 20%; width: 60%; height: 2px; background: linear-gradient(90deg, transparent, #d00373, transparent); opacity: 0.4; } @media (max-width: 768px) { .avia-team-member { padding: 20px 16px; } .team-img-container { width: 110px; height: 110px; } .team-member-name { font-size: 16px; } .team-member-job-title { font-size: 13px; } } /* ----------------------------------------- */ /* Modèle de contenu : loop-item-in-equipe-agence - terminer */ /* ----------------------------------------- */