.insurance-section {
            padding: 60px 0;
            background: linear-gradient(135deg, #ffffff 0%, #fcfcfc 100%);
        }

        .cards-container .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .section-title {
            text-align: center;
            margin-bottom: 50px;
            color: white;
        }

        .section-title h2 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .section-title p {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .cards-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }

        .insurance-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            position: relative;
        }

        .insurance-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
        }

        .insurance-card-product {
            background: transparent;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: none;
            transition: all 0.3s ease;
            position: relative;
            /* border: 1px solid rgba(0, 46, 91, 0.1); */
        }

        .insurance-card-product:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(0, 46, 91, 0.1);
            border-color: rgba(0, 46, 91, 0.2);
        }
        

        .card-header {
            /* background: linear-gradient(135deg, #034dc5, #314da8); */
            background: transparent;
            padding: 20px 15px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .card-header::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            transform: rotate(45deg);
        }

        .card-header-product {
            background: transparent;
            padding: 04px 04px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .card-header-product::before {
            display: none;
        }

        .card-icon {
            font-size: 2rem;
            color: white;
            margin-bottom: 10px;
            position: relative;
            z-index: 2;
        }
         .card-icon-product {
            font-size: 3rem;
            color: rgb(20, 175, 223);
            margin-bottom: 10px;
            position: relative;
            z-index: 1;
        }

          .card-icon-guide {
            font-size: 3rem;
            color: linear-gradient(135deg, #034dc5, #314da8);
            margin-bottom: 10px;
            position: relative;
            z-index: 1;
        }


        .card-title {
            font-size: 1.1rem;
            font-weight: 700;
            color: white;
            margin-bottom: 5px;
            position: relative;
            z-index: 2;
        }

        .card-body {
            padding: 15px;
            text-align: center;
            background: transparent;
        }

        .card-description {
            color: #6b7280;
            font-size: 0.85rem;
            line-height: 1.5;
            margin-bottom: 15px;
            min-height: 60px;
            text-align: center;
        }

        .typing-cursor {
            display: inline-block;
            color: #002E5B;
            font-weight: bold;
            animation: blink 0.7s infinite;
        }

        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }

        .card-button {
            background: linear-gradient(135deg, #002E5B, #0c74ea);
            color: white;
            border: none;
            padding: 8px 18px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .card-button:hover {
            transform: scale(1.05);
            box-shadow: 0 5px 15px rgba(249, 115, 22, 0.4);
        }

        /* Couleurs spécifiques pour chaque type d'assurance */
        .card-vtc .card-header { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
        .card-taxi .card-header { background: linear-gradient(135deg, #eab308, #ca8a04); }
        .card-vehicule .card-header { background: linear-gradient(135deg, #10b981, #059669); }
        .card-decennale .card-header { background: linear-gradient(135deg, #f59e0b, #d97706); }
        .card-pro-auto .card-header { background: transparent; }
        .card-pro-auto .card-header-product { background: transparent; }
        .card-mutuelle .card-header { background: linear-gradient(135deg, #ef4444, #dc2626); }
        .card-flotte .card-header { background: linear-gradient(135deg, #6366f1, #4f46e5); }
        .card-epargne .card-header { background: linear-gradient(135deg, #14b8a6, #0d9488); }
        .card-maintien .card-header { background: linear-gradient(135deg, #84cc16, #65a30d); }

        @media (max-width: 768px) {
            .cards-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
            
            .section-title p {
                font-size: 1rem;
            }
        }

        @media (max-width: 576px) {
            .cards-container {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .insurance-section {
                padding: 40px 0;
            }

            .card-title {
                font-size: 0.95rem;
            }
        }