/* section 2  */

        .section2_container {
            margin: 0 auto;
            display: flex;
            gap: 60px;
            align-items: flex-start;
                width: var(--rn-width1);
                margin: 40px auto;

        }
       .section2_intro {
            flex: 1;
            max-width: 380px;
        }

        .section2_title {
            font-size: 2.5rem;
            font-weight: bold;
            color: #000;
            margin-bottom: 24px;
            line-height: 1.2;
        }

        .section2_title_dot {
            color: #dc3545;
        }

        .section2_description {
            /* font-size: 1.1rem; */
            color: #333;
            line-height: 1.6;
        }

        .section2_cards_grid {
            flex: 1;
            display: flex;
            gap: 20px;
            /* max-width: 600px; */
            align-items: flex-start;
        }

        .section2_cards_column {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .section2_card {
            background: white;
            border-radius: 16px;
            padding: 32px 19px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
        }

        .section2_card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        }

        .section2_card--featured {
            background: #dc3545;
            color: white;
            box-shadow: 0 6px 20px rgba(220, 53, 69, 0.3);
        }

        .section2_card--featured:hover {
            box-shadow: 0 10px 32px rgba(220, 53, 69, 0.4);
        }

        .section2_card--offset {
            margin-top: 20px;
        }

        .section2_card_title {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 16px;
            color: inherit;
        }

        .section2_card--featured .section2_card_title {
            color: white;
        }

        .section2_card_description {
            /* font-size: 1rem; */
            line-height: 1.5;
            margin-bottom: 20px;
            color: #1A1A1A;
        }

        .section2_card--featured .section2_card_description {
            color: rgba(255, 255, 255, 0.9);
        }

        .section2_card_cta {
            font-size: 1rem;
            font-weight: 600;
            color: #dc3545;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: color 0.3s ease;
        }

        .section2_card--featured .section2_card_cta {
            color: white;
        }

        .section2_card_cta:hover {
            color: #b02a37;
        }

        .section2_card--featured .section2_card_cta:hover {
            color: rgba(255, 255, 255, 0.8);
        }

        .section2_arrow {
            transition: transform 0.3s ease;
        }

        .section2_card:hover .section2_arrow {
            transform: translateX(4px);
        }

        @media (max-width: 768px) {
            .section2_container {
                flex-direction: column;
                gap: 40px;
            }

            .section2_cards_grid {
                flex-direction: column;
                /* max-width: 100%; */
            }

            .section2_cards_column {
                flex-direction: row;
                gap: 20px;
            }

            .section2_card--offset {
                margin-top: 0;
            }

            .section2_title {
                font-size: 2rem;
            }


                .section2_card {
                    padding: 12px 17px;
                }
        }



.section2_card:hover {
    background: #dc3545;
    color: white;
    box-shadow: 0 10px 32px rgba(220, 53, 69, 0.4);
    transform: translateY(-4px);
}

.section2_card:hover .section2_card_title,
.section2_card:hover .section2_card_description,
.section2_card:hover .section2_card_cta {
    color: white;
}
.svgicon svg {
  width: 1.5em;   /* taille uniforme */
  height: 1.5em;
  margin-right: 3px;
}