body {
            font-family: "Poppins", sans-serif;
            color: #333;
            background-color: #fafafa;
            scroll-behavior: smooth;
        }

        section {
            padding: 80px 0;
            text-align: center;
        }

        .hero {
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.4)), url('https://i.ibb.co/xSkw35KN/covoiturage.png') center/cover no-repeat;
            color : white;
            padding : 140px 20px;
        }
        .section-title {
            font-weight: 700;
            font-size: 2.2rem;
            margin-bottom: 30px;
            position: relative;
        }

        .section-title::after {
            content: "";
            display: block;
            width: 60px;
            height: 4px;
            background: #ffc400ff;
            margin: 15px auto;
            border-radius: 2px;
        }

        .values-grid, .team-container, .testimonial-grid{
            display: grid;
            gap: 30px;
            justify-content: center;
        }

        .values-grid {
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        }

        .value-card, .team-card, .testimonial {
            background: white;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .value-card:hover, .team-card:hover, .testimonial:hover {
            transform: translateY(-8px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .team-container {
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        }

        .team-card img {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            margin-bottom: 15px;
            object-fit: cover;
        }