.new_a_propos_2025 {

    @media only screen and (max-width: 600px) {
        .fonctionnalite_Background {
            width: 100%;
            height: 650px;
            left: 0px;
            top: 0px;

            background: #C4C8EE;
            background: #f3f4fb;

            opacity: 1;
            padding: 20px;
            padding-top: 5rem;
        }

        .title_and_cat {
            /* Title + CTA */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 30px;


            height: 280px;
            /*  left: calc(50% - 1081px/2 + 0.5px);*/
            top: 176px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .title_and_cat_title {
            /* Title + Description */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 20px;

            width: 100%;
            min-height: 420px;


            /* Inside auto layout */
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            width: 100%;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_text1 {
            /* Des fonctionnalités pensées pour simplifier la gestion de vos formations. */

            width: 100%;

            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
            margin-left: auto;
            margin-right: auto;

            /* Mobile/Hn/H1 - Mobile */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 40px;
            line-height: 120%;
            /* or 48px */
            text-align: center;

            /* Foundation /Blue/Darker */
            color: #16274F;


            /* Inside auto layout */
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;



        }

        .title_and_cat_title_text2 {


            /* Commons/Body/Body - L */
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            /* or 150% */
            text-align: center;

            /* Foundation /Blue-Grey/Normal */
            color: #4B5162;

            opacity: 0.8;

            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            width: 80%;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_cat {
            /* CTA's */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 20px;


            height: 48px;


            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;

            width: 100%;
            margin-left: auto;
            margin-right: auto;



        }

        .title_and_cat_title_cat_bton_demo {
            /* Button text  */

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;

            width: 207px;
            height: 48px;

            /* Foundation /Blue/Normal */
            background: #3E6EE3;
            border-radius: 200px;

            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
            cursor: pointer;
        }

        .title_and_cat_title_cat_bton_demo_txt {
            /* Text */

            width: 151px;
            height: 20px;

            /* Button/Base - Bold */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 122%;
            /* identical to box height, or 20px */

            /* Foundation/White */
            color: #FFFFFF;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;


        }


        .title_and_cat_title_cat_bton_tarif {
            /* Button text  */

            box-sizing: border-box;

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;

            width: 217px;
            height: 48px;

            /* Foundation /Blue-Grey/Light :active */
            border: 1px solid #FFF;
            backdrop-filter: blur(6px);
            /* Note: backdrop-filter has minimal browser support */
            border-radius: 200px;

            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            background: #FFF;
            cursor: pointer;

        }

        .title_and_cat_title_cat_bton_tarif_txt {
            /* Text */

            width: 161px;
            height: 20px;

            /* Button/Base - Bold */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 122%;
            /* identical to box height, or 20px */

            /* Foundation /Blue-Grey/Normal */
            color: #4B5162;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;

        }

        .Card_Title_block1 {
            display: flex;
            flex-direction: column;
            gap: 4px;
            width: 100%;
            min-width: 280px;
            align-items: center;
            padding: 20px 0;
        }

        .Card_Title_block2 {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 16px;
            text-align: center;
            color: #3e6ee3;
            text-transform: uppercase;
        }


        .Card_Title_block3 {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            line-height: 48px;
            text-align: center;
            color: #16274f;
        }

        .ListCard_cardStyle {
            width: 100%;
            max-width: 270px;
            min-height: 304px;
            display: flex;
            flex-direction: column;
            padding: 20px 8px;
            gap: 10px;
            background: #ecf1fc1a;
            border-radius: 12px;
            border: 1px solid #3e6ee3;
            box-sizing: border-box;
        }

        .ListCard_imageContainerStyle {
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .ListCard_imageStyle {
            height: 88px;
            object-fit: contain;
        }

        .ListCard_contentStyle {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 16px;
            align-items: center;
        }

        .ListCard_titleStyle {
            font-family: DM Sans, sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 24px;
            color: #16274f;
            text-align: center;
            height: 50px;
        }


        .ListCard_buttonStyle {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: transparent;
            color: #4b5162;
            font-family: DM Sans, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 122%;
            cursor: pointer;
            transition: all 0.2s ease-in-out;

        }

        .ListCard_buttonHoverStyle {
            background: #f5f5f5;

        }


        .ButtonText_buttonStyle {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: inherit;
            min-width: 133px;
            height: 48px;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            box-sizing: border-box;
        }



        .ButtonText_textStyle {
            color: #4b5162;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700, ;
            line-height: '122%';
            text-align: 'center';
        }


        .WhyUsLayout_block1 {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding: 20px;
            gap: 48px;

        }

        .WhyUsLayout_block2 {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            gap: 24px;
            justify-content: center;
            align-items: center;
        }

        .LogoCloud_block1 {
            display: flex;
            flex-direction: column;
            padding: 20px 10px;
            gap: 40px;
            background: #FFFFFF;
            width: 100%;
            align-items: center;
        }

        .LogoCloud_h2 {
            font-family: DM Sans;
            font-size: 32px;
            font-weight: 700;
            line-height: 120%;
            color: #16274f;
            text-align: center;
            margin: 0;
            width: 100%;
        }


        .LogoCloud_cb1 {
            /* Slider logos */


            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            overflow: hidden;
            width: 90%;
            margin-left: auto;
            margin-right: auto;

        }

        .LogoCloud_cb2 {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 50px;
            left: calc(50% - 1206px/2);
            top: 0px;
            mix-blend-mode: luminosity;
            align-items: center;
            justify-content: center;

        }

        .LogoCloud_cb2_logo {
            width: 100%;
            height: 60px;
            flex: none;
            flex-grow: 0;
            order: 0;
            flex-grow: 0;

        }

        .LogoCloud_block2 {
            width: 1206px;
            height: 72px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .VisionSection_block1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 40px;
            padding: 40px 0 80px;
            width: 100%;
        }

        .VisionSection_section_img {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            max-width: 1116px;
            height: 500px;
            background-size: cover;
            background: #d9d9d9;
            background-image: url("./img/img_a_propos_main.jpg");
        }

        .VisionSection_content_section {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 40px;
            align-items: center;
        }


        .VisionSection_title {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 4px;
            text-align: center;

        }


        .VisionSection_title_span {
            color: #3E6EE3;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 16px;
            text-transform: uppercase;
        }

        .VisionSection_title_h2 {
            color: #16274F;
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            line-height: 120%;
            margin: 20px 0 0 0;
        }


        .VisionSection_description {
            color: #4B5162;
            font-family: Inter;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            opacity: 0.8;
            text-align: center;
            margin: 0;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }


        .VisionSection_buton {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #C7C9CE;
            background: transparent;
            color: #4B5162;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 122%;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .KeyMetrics_containerStyle {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 100px 0;
            width: 100%;
            background: linear-gradient(0deg, rgba(196, 200, 238, 0.1), rgba(196, 200, 238, 0.1)), #FFFFFF;
        }

        .KeyMetrics_headerStyle {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            margin-bottom: 40px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }


        .KeyMetrics_subtitleStyle {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #0aa690;
            text-transform: uppercase;
            text-align: center;
            line-height: 16px;

        }

        .KeyMetrics_titleStyle {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 120%;
            max-width: 679px;
            margin: 20px 0 0 0;
        }

        .KeyMetrics_metricsContainerStyle {
            display: flex;
            flex-direction: column;
            gap: 20px;
            max-width: 1116px;
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        .KeyMetrics_metricStyle {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 260px;
            align-items: center;

        }

        .KeyMetrics_valueStyle {
            font-family: Plus Jakarta Sans;
            font-size: 40px;
            font-weight: 700;
            color: #0aa690;
            text-align: center;
            line-height: 70px;
            margin: 0;
        }

        .KeyMetrics_descriptionStyle {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            color: #16274f;
            text-align: center;
            line-height: 160%;
            margin: 0;
            white-space: 'pre-line';
        }

        .Features_container {
            padding: 80px 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 48px;
            background: #FFFFFF;
        }

        .Features_titleContainer {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            width: 100%;
        }

        .Features_subtitle {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #ecae49;
            text-align: center;
            text-transform: uppercase;
            line-height: 16px;
        }

        .Features_title {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 120%;
            margin: 20px 0 0 0;
        }

        .Features_cardContainer {
            display: flex;
            flex-direction: column;
            gap: 24px;
            width: 100%;
            justify-content: center;
            align-items: center;
            justify-content: center;
        }


        .Features_card {
            width: 270px;
            padding: 10px 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
            background: #fdf6ec1a;
            border-radius: 12px;
            border: 1px solid #ecae49,
        }

        .Features_iconWrapper {
            width: 88px;
            height: 88px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .Features_icon {
            width: 88px;
            height: 88px;
        }

        .Features_content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            width: 100%;
        }

        .Features_cardTitle {
            font-family: DM Sans;
            font-size: 20px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 24px;
            margin: 0;
        }

        .Features_description {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            color: #4b5162;
            text-align: center;
            line-height: 160%;
            opacity: 0.8;
            margin: 0;
        }

        .Features_button {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: transparent;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #4b5162;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .block_logo_client {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }



    }

    @media only screen and (min-width: 601px) and (max-width: 991px) {
        .fonctionnalite_Background {
            width: 100%;
            height: 420px;
            left: 0px;
            top: 0px;

            background: #C4C8EE;
            background: #f3f4fb;

            opacity: 1;
            padding: 20px;
        }

        .title_and_cat {
            /* Title + CTA */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 30px;


            height: 280px;
            /*  left: calc(50% - 1081px/2 + 0.5px);*/
            top: 176px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        .title_and_cat_title {
            /* Title + Description */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 20px;

            width: 1081px;
            min-height: 202px;


            /* Inside auto layout */
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            width: 90%;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_text1 {
            /* Des fonctionnalités pensées pour simplifier la gestion de vos formations. */

            width: 90%;
            min-height: 134px;

            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 46px;
            line-height: 120%;
            /* or 67px */
            text-align: center;

            /* Foundation /Blue/Darker */
            color: #16274F;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_text2 {


            /* Commons/Body/Body - L */
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            /* or 150% */
            text-align: center;

            /* Foundation /Blue-Grey/Normal */
            color: #4B5162;

            opacity: 0.8;

            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            width: 80%;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_cat {
            /* CTA's */

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 80px;


            height: 48px;


            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;

            width: 40%;
            margin-left: auto;
            margin-right: auto;



        }

        .title_and_cat_title_cat_bton_demo {
            /* Button text  */

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;

            width: 207px;
            height: 48px;

            /* Foundation /Blue/Normal */
            background: #3E6EE3;
            border-radius: 200px;

            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
            cursor: pointer;
        }

        .title_and_cat_title_cat_bton_demo_txt {
            /* Text */

            width: 151px;
            height: 20px;

            /* Button/Base - Bold */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 122%;
            /* identical to box height, or 20px */

            /* Foundation/White */
            color: #FFFFFF;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;


        }


        .title_and_cat_title_cat_bton_tarif {
            /* Button text  */

            box-sizing: border-box;

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;

            width: 217px;
            height: 48px;

            /* Foundation /Blue-Grey/Light :active */
            border: 1px solid #FFF;
            backdrop-filter: blur(6px);
            /* Note: backdrop-filter has minimal browser support */
            border-radius: 200px;

            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            background: #FFF;
            cursor: pointer;

        }

        .title_and_cat_title_cat_bton_tarif_txt {
            /* Text */

            width: 161px;
            height: 20px;

            /* Button/Base - Bold */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 122%;
            /* identical to box height, or 20px */

            /* Foundation /Blue-Grey/Normal */
            color: #4B5162;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;

        }

        .Card_Title_block1 {
            display: flex;
            flex-direction: column;
            gap: 4px;
            width: 100%;
            min-width: 280px;
            align-items: center;
            padding: 20px 0;
        }

        .Card_Title_block2 {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 16px;
            text-align: center;
            color: #3e6ee3;
            text-transform: uppercase;
        }


        .Card_Title_block3 {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            line-height: 48px;
            text-align: center;
            color: #16274f;
        }

        .ListCard_cardStyle {
            width: 100%;
            max-width: 270px;
            min-height: 304px;
            display: flex;
            flex-direction: column;
            padding: 20px 8px;
            gap: 10px;
            background: #ecf1fc1a;
            border-radius: 12px;
            border: 1px solid #3e6ee3;
            box-sizing: border-box;
        }

        .ListCard_imageContainerStyle {
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .ListCard_imageStyle {
            width: 100%;
            object-fit: contain;
            max-height: 100px;
        }

        .ListCard_contentStyle {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 16px;
            align-items: center;
        }

        .ListCard_titleStyle {
            font-family: DM Sans, sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 24px;
            color: #16274f;
            text-align: center;
            height: 50px;
        }


        .ListCard_buttonStyle {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: transparent;
            color: #4b5162;
            font-family: DM Sans, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 122%;
            cursor: pointer;
            transition: all 0.2s ease-in-out;

        }

        .ListCard_buttonHoverStyle {
            background: #f5f5f5;

        }


        .ButtonText_buttonStyle {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: inherit;
            min-width: 133px;
            height: 48px;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            box-sizing: border-box;
        }



        .ButtonText_textStyle {
            color: #4b5162;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700, ;
            line-height: '122%';
            text-align: 'center';
        }


        .WhyUsLayout_block1 {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding: 20px;
            gap: 48px;

        }

        .WhyUsLayout_block2 {
            flex-grow: 1;
            display: flex;
            flex-direction: row;
            gap: 24px;
            justify-content: center;
        }

        .LogoCloud_block1 {
            display: flex;
            flex-direction: column;
            padding: 20px 50px;
            gap: 40px;
            background: #FFFFFF;
            width: 100%;
            align-items: center;
        }

        .LogoCloud_h2 {
            font-family: DM Sans;
            font-size: 32px;
            font-weight: 700;
            line-height: 120%;
            color: #16274f;
            text-align: center;
            margin: 0;
            width: 100%;
        }


        .LogoCloud_cb1 {
            /* Slider logos */


            height: 72px;


            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            overflow: hidden;
            width: 90%;
            margin-left: auto;
            margin-right: auto;

        }

        .LogoCloud_cb2 {
            /* Auto layout */
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 20px;

            height: 72px;
            left: calc(50% - 1206px/2);
            top: 0px;

            /* mix-blend-mode: luminosity;*/
        }

        .LogoCloud_cb2_logo {
            width: 120px;
            height: 57.66px;
            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;

        }

        .LogoCloud_block2 {
            width: 1206px;
            height: 72px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .VisionSection_block1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 40px;
            padding: 40px 0 80px;
            width: 100%;
        }

        .VisionSection_section_img {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            max-width: 1116px;
            height: 500px;
            background-size: cover;
            background: #d9d9d9;
            background-image: url("./img/img_a_propos_main.jpg");
        }

        .VisionSection_content_section {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 40px;
            align-items: center;
        }


        .VisionSection_title {
            width: 655px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            text-align: center;

        }


        .VisionSection_title_span {
            color: #3E6EE3;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 16px;
            text-transform: uppercase;
        }

        .VisionSection_title_h2 {
            color: #16274F;
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            line-height: 120%;
            margin: 20px 0 0 0;
        }


        .VisionSection_description {
            color: #4B5162;
            font-family: Inter;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            opacity: 0.8;
            text-align: center;
            margin: 0;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }


        .VisionSection_buton {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #C7C9CE;
            background: transparent;
            color: #4B5162;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 122%;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .KeyMetrics_containerStyle {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 100px 0;
            width: 100%;
            background: linear-gradient(0deg, rgba(196, 200, 238, 0.1), rgba(196, 200, 238, 0.1)), #FFFFFF;
        }

        .KeyMetrics_headerStyle {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            margin-bottom: 40px;

        }


        .KeyMetrics_subtitleStyle {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #0aa690;
            text-transform: uppercase;
            text-align: center;
            line-height: 16px;

        }

        .KeyMetrics_titleStyle {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 120%;
            max-width: 679px;
            margin: 20px 0 0 0;
        }

        .KeyMetrics_metricsContainerStyle {
            display: flex;
            flex-direction: row;
            gap: 20px;
            justify-content: center;
            max-width: 1116px;
            width: 100%;

        }

        .KeyMetrics_metricStyle {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 260px;
            align-items: center;

        }

        .KeyMetrics_valueStyle {
            font-family: Plus Jakarta Sans;
            font-size: 40px;
            font-weight: 700;
            color: #0aa690;
            text-align: center;
            line-height: 70px;
            margin: 0;
        }

        .KeyMetrics_descriptionStyle {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            color: #16274f;
            text-align: center;
            line-height: 160%;
            margin: 0;
            white-space: 'pre-line';
        }

        .Features_container {
            padding: 80px 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 48px;
            background: #FFFFFF;
        }

        .Features_titleContainer {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            width: 100%;
        }

        .Features_subtitle {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #ecae49;
            text-align: center;
            text-transform: uppercase;
            line-height: 16px;
        }

        .Features_title {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 120%;
            margin: 20px 0 0 0;
        }

        .Features_cardContainer {
            display: flex;
            flex-direction: row;
            gap: 24px;
            width: 100%;
            justify-content: center;
        }


        .Features_card {
            width: 270px;
            padding: 48px 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
            background: #fdf6ec1a;
            border-radius: 12px;
            border: 1px solid #ecae49,
        }

        .Features_iconWrapper {
            width: 88px;
            height: 88px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .Features_icon {
            width: 88px;
            height: 88px;
        }

        .Features_content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            width: 100%;
        }

        .Features_cardTitle {
            font-family: DM Sans;
            font-size: 20px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 24px;
            margin: 0;
        }

        .Features_description {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            color: #4b5162;
            text-align: center;
            line-height: 160%;
            opacity: 0.8;
            margin: 0;
        }

        .Features_button {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: transparent;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #4b5162;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .block_logo_client {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }


    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .fonctionnalite_Background {
            width: 100%;
            height: 420px;
            left: 0px;
            top: 0px;

            background: #C4C8EE;
            background: #f3f4fb;

            opacity: 1;
            padding: 50px;
        }

        .title_and_cat {
            /* Title + CTA */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 30px;


            height: 280px;
            /*  left: calc(50% - 1081px/2 + 0.5px);*/
            top: 176px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        .title_and_cat_title {
            /* Title + Description */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 20px;

            width: 1081px;
            min-height: 202px;


            /* Inside auto layout */
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            width: 90%;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_text1 {
            /* Des fonctionnalités pensées pour simplifier la gestion de vos formations. */

            width: 90%;
            min-height: 134px;

            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 56px;
            line-height: 120%;
            /* or 67px */
            text-align: center;

            /* Foundation /Blue/Darker */
            color: #16274F;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_text2 {
            /* Que ce soit pour simplifier vos tâches administratives, optimiser la gestion de vos apprenants ou enrichir vos parcours e-learning, MySy Training vous accompagne. */


            height: 48px;

            /* Commons/Body/Body - L */
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            /* or 150% */
            text-align: center;

            /* Foundation /Blue-Grey/Normal */
            color: #4B5162;

            opacity: 0.8;

            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            width: 80%;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_cat {
            /* CTA's */

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 80px;


            height: 48px;


            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;

            width: 40%;
            margin-left: auto;
            margin-right: auto;



        }

        .title_and_cat_title_cat_bton_demo {
            /* Button text  */

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;

            width: 207px;
            height: 48px;

            /* Foundation /Blue/Normal */
            background: #3E6EE3;
            border-radius: 200px;

            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
            cursor: pointer;
        }

        .title_and_cat_title_cat_bton_demo_txt {
            /* Text */

            width: 151px;
            height: 20px;

            /* Button/Base - Bold */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 122%;
            /* identical to box height, or 20px */

            /* Foundation/White */
            color: #FFFFFF;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;


        }


        .title_and_cat_title_cat_bton_tarif {
            /* Button text  */

            box-sizing: border-box;

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;

            width: 217px;
            height: 48px;

            /* Foundation /Blue-Grey/Light :active */
            border: 1px solid #FFF;
            backdrop-filter: blur(6px);
            /* Note: backdrop-filter has minimal browser support */
            border-radius: 200px;

            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            background: #FFF;
            cursor: pointer;

        }

        .title_and_cat_title_cat_bton_tarif_txt {
            /* Text */

            width: 161px;
            height: 20px;

            /* Button/Base - Bold */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 122%;
            /* identical to box height, or 20px */

            /* Foundation /Blue-Grey/Normal */
            color: #4B5162;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;

        }

        .Card_Title_block1 {
            display: flex;
            flex-direction: column;
            gap: 4px;
            width: 100%;
            min-width: 280px;
            align-items: center;
            padding: 20px 0;
        }

        .Card_Title_block2 {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 16px;
            text-align: center;
            color: #3e6ee3;
            text-transform: uppercase;
        }


        .Card_Title_block3 {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            line-height: 48px;
            text-align: center;
            color: #16274f;
        }

        .ListCard_cardStyle {
            width: 100%;
            max-width: 270px;
            min-height: 304px;
            display: flex;
            flex-direction: column;
            padding: 40px 16px;
            gap: 24px;
            background: #ecf1fc1a;
            border-radius: 12px;
            border: 1px solid #3e6ee3;
            box-sizing: border-box;
        }

        .ListCard_imageContainerStyle {
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .ListCard_imageStyle {
            width: 100%;
            object-fit: contain;
            max-height: 100px;
        }

        .ListCard_contentStyle {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 16px;
            align-items: center;
        }

        .ListCard_titleStyle {
            font-family: DM Sans, sans-serif;
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            color: #16274f;
            text-align: center;
        }


        .ListCard_buttonStyle {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: transparent;
            color: #4b5162;
            font-family: DM Sans, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 122%;
            cursor: pointer;
            transition: all 0.2s ease-in-out;

        }

        .ListCard_buttonHoverStyle {
            background: #f5f5f5;

        }


        .ButtonText_buttonStyle {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: inherit;
            min-width: 133px;
            height: 48px;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            box-sizing: border-box;
        }



        .ButtonText_textStyle {
            color: #4b5162;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700, ;
            line-height: '122%';
            text-align: 'center';
        }


        .WhyUsLayout_block1 {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding: 50px;
            gap: 48px;

        }

        .WhyUsLayout_block2 {
            flex-grow: 1;
            display: flex;
            flex-direction: row;
            gap: 24px;
            justify-content: center;
        }

        .LogoCloud_block1 {
            display: flex;
            flex-direction: column;
            padding: 50px 112px;
            gap: 40px;
            background: #FFFFFF;
            width: 100%;
            align-items: center;
        }

        .LogoCloud_h2 {
            font-family: DM Sans;
            font-size: 32px;
            font-weight: 700;
            line-height: 120%;
            color: #16274f;
            text-align: center;
            margin: 0;
            width: 100%;
        }


        .LogoCloud_cb1 {
            /* Slider logos */

            height: 72px;


            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            overflow: hidden;
            width: 80%;
            margin-left: auto;
            margin-right: auto;

        }

        .LogoCloud_cb2 {
            /* Auto layout */
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 56px;
            width: 1206px;
            height: 72px;
            left: calc(50% - 1206px/2);
            top: 0px;

            /* mix-blend-mode: luminosity;*/
        }

        .LogoCloud_cb2_logo {
            width: 130px;
            height: 57.66px;
            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;

        }

        .LogoCloud_block2 {
            width: 1206px;
            height: 72px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .VisionSection_block1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 40px;
            padding: 40px 0 80px;
            width: 100%;
        }

        .VisionSection_section_img {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            max-width: 1116px;
            height: 500px;
            background-size: cover;
            background: #d9d9d9;
            background-image: url("./img/img_a_propos_main.jpg");
        }

        .VisionSection_content_section {
            width: 888px;
            display: flex;
            flex-direction: column;
            gap: 40px;
            align-items: center;
        }


        .VisionSection_title {
            width: 655px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            text-align: center;

        }


        .VisionSection_title_span {
            color: #3E6EE3;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 16px;
            text-transform: uppercase;
        }

        .VisionSection_title_h2 {
            color: #16274F;
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            line-height: 120%;
            margin: 20px 0 0 0;
        }


        .VisionSection_description {
            color: #4B5162;
            font-family: Inter;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            opacity: 0.8;
            text-align: center;
            margin: 0;
        }


        .VisionSection_buton {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #C7C9CE;
            background: transparent;
            color: #4B5162;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 122%;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .KeyMetrics_containerStyle {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 100px 0;
            width: 100%;
            background: linear-gradient(0deg, rgba(196, 200, 238, 0.1), rgba(196, 200, 238, 0.1)), #FFFFFF;
        }

        .KeyMetrics_headerStyle {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            margin-bottom: 40px;

        }


        .KeyMetrics_subtitleStyle {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #0aa690;
            text-transform: uppercase;
            text-align: center;
            line-height: 16px;

        }

        .KeyMetrics_titleStyle {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 120%;
            max-width: 679px;
            margin: 20px 0 0 0;
        }

        .KeyMetrics_metricsContainerStyle {
            display: flex;
            flex-direction: row;
            gap: 20px;
            justify-content: center;
            max-width: 1116px;
            width: 100%;

        }

        .KeyMetrics_metricStyle {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 260px;
            align-items: center;

        }

        .KeyMetrics_valueStyle {
            font-family: Plus Jakarta Sans;
            font-size: 50px;
            font-weight: 700;
            color: #0aa690;
            text-align: center;
            line-height: 70px;
            margin: 0;
        }

        .KeyMetrics_descriptionStyle {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            color: #16274f;
            text-align: center;
            line-height: 160%;
            margin: 0;
            white-space: 'pre-line';
        }

        .Features_container {
            padding: 100px 80px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 48px;
            background: #FFFFFF;
        }

        .Features_titleContainer {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            width: 100%;
        }

        .Features_subtitle {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #ecae49;
            text-align: center;
            text-transform: uppercase;
            line-height: 16px;
        }

        .Features_title {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 120%;
            margin: 20px 0 0 0;
        }

        .Features_cardContainer {
            display: flex;
            flex-direction: row;
            gap: 24px;
            width: 100%;
            justify-content: center;
        }


        .Features_card {
            width: 270px;
            padding: 48px 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
            background: #fdf6ec1a;
            border-radius: 12px;
            border: 1px solid #ecae49,
        }

        .Features_iconWrapper {
            width: 88px;
            height: 88px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .Features_icon {
            width: 88px;
            height: 88px;
        }

        .Features_content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            width: 100%;
        }

        .Features_cardTitle {
            font-family: DM Sans;
            font-size: 20px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 24px;
            margin: 0;
        }

        .Features_description {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            color: #4b5162;
            text-align: center;
            line-height: 160%;
            opacity: 0.8;
            margin: 0;
        }

        .Features_button {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: transparent;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #4b5162;
            cursor: pointer;
            transition: all 0.2s ease;
        }




        .block_logo_client {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media only screen and (min-width: 1200px) {
        .fonctionnalite_Background {
            width: 100%;
            height: 420px;
            left: 0px;
            top: 0px;

            background: #C4C8EE;
            background: #f3f4fb;

            opacity: 1;
            padding: 50px;
        }

        .title_and_cat {
            /* Title + CTA */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 30px;


            height: 280px;
            /*  left: calc(50% - 1081px/2 + 0.5px);*/
            top: 176px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        .title_and_cat_title {
            /* Title + Description */

            /* Auto layout */
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 20px;

            width: 1081px;
            min-height: 202px;


            /* Inside auto layout */
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            width: 90%;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_text1 {
            /* Des fonctionnalités pensées pour simplifier la gestion de vos formations. */

            width: 90%;
            min-height: 134px;

            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 56px;
            line-height: 120%;
            /* or 67px */
            text-align: center;

            /* Foundation /Blue/Darker */
            color: #16274F;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_text2 {
            /* Que ce soit pour simplifier vos tâches administratives, optimiser la gestion de vos apprenants ou enrichir vos parcours e-learning, MySy Training vous accompagne. */


            height: 48px;

            /* Commons/Body/Body - L */
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            /* or 150% */
            text-align: center;

            /* Foundation /Blue-Grey/Normal */
            color: #4B5162;

            opacity: 0.8;

            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            width: 80%;
            margin-left: auto;
            margin-right: auto;

        }

        .title_and_cat_title_cat {
            /* CTA's */

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 80px;


            height: 48px;


            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;

            width: 40%;
            margin-left: auto;
            margin-right: auto;



        }

        .title_and_cat_title_cat_bton_demo {
            /* Button text  */

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;

            width: 207px;
            height: 48px;

            /* Foundation /Blue/Normal */
            background: #3E6EE3;
            border-radius: 200px;

            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
            cursor: pointer;
        }

        .title_and_cat_title_cat_bton_demo_txt {
            /* Text */

            width: 151px;
            height: 20px;

            /* Button/Base - Bold */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 122%;
            /* identical to box height, or 20px */

            /* Foundation/White */
            color: #FFFFFF;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;


        }


        .title_and_cat_title_cat_bton_tarif {
            /* Button text  */

            box-sizing: border-box;

            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;

            width: 217px;
            height: 48px;

            /* Foundation /Blue-Grey/Light :active */
            border: 1px solid #FFF;
            backdrop-filter: blur(6px);
            /* Note: backdrop-filter has minimal browser support */
            border-radius: 200px;

            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            background: #FFF;
            cursor: pointer;

        }

        .title_and_cat_title_cat_bton_tarif_txt {
            /* Text */

            width: 161px;
            height: 20px;

            /* Button/Base - Bold */
            font-family: 'DM Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 122%;
            /* identical to box height, or 20px */

            /* Foundation /Blue-Grey/Normal */
            color: #4B5162;


            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;

        }

        .Card_Title_block1 {
            display: flex;
            flex-direction: column;
            gap: 4px;
            width: 100%;
            min-width: 280px;
            align-items: center;
            padding: 20px 0;
        }

        .Card_Title_block2 {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 16px;
            text-align: center;
            color: #3e6ee3;
            text-transform: uppercase;
        }


        .Card_Title_block3 {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            line-height: 48px;
            text-align: center;
            color: #16274f;
        }

        .ListCard_cardStyle {
            width: 100%;
            max-width: 270px;
            min-height: 304px;
            display: flex;
            flex-direction: column;
            padding: 40px 16px;
            gap: 24px;
            background: #ecf1fc1a;
            border-radius: 12px;
            border: 1px solid #3e6ee3;
            box-sizing: border-box;
        }

        .ListCard_imageContainerStyle {
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .ListCard_imageStyle {
            width: 100%;
            object-fit: contain;
            max-height: 100px;
        }

        .ListCard_contentStyle {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 16px;
            align-items: center;
        }

        .ListCard_titleStyle {
            font-family: DM Sans, sans-serif;
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            color: #16274f;
            text-align: center;
        }


        .ListCard_buttonStyle {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: transparent;
            color: #4b5162;
            font-family: DM Sans, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 122%;
            cursor: pointer;
            transition: all 0.2s ease-in-out;

        }

        .ListCard_buttonHoverStyle {
            background: #f5f5f5;

        }


        .ButtonText_buttonStyle {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: inherit;
            min-width: 133px;
            height: 48px;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            box-sizing: border-box;
        }



        .ButtonText_textStyle {
            color: #4b5162;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700, ;
            line-height: '122%';
            text-align: 'center';
        }


        .WhyUsLayout_block1 {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding: 50px;
            gap: 48px;

        }

        .WhyUsLayout_block2 {
            flex-grow: 1;
            display: flex;
            flex-direction: row;
            gap: 24px;
            justify-content: center;
        }

        .LogoCloud_block1 {
            display: flex;
            flex-direction: column;
            padding: 50px 112px;
            gap: 40px;
            background: #FFFFFF;
            width: 100%;
            align-items: center;
        }

        .LogoCloud_h2 {
            font-family: DM Sans;
            font-size: 32px;
            font-weight: 700;
            line-height: 120%;
            color: #16274f;
            text-align: center;
            margin: 0;
            width: 100%;
        }


        .LogoCloud_cb1 {
            /* Slider logos */

            width: 1206px;
            height: 72px;


            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            overflow: hidden;

        }

        .LogoCloud_cb2 {
            /* Auto layout */
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 56px;
            width: 1206px;
            height: 72px;
            left: calc(50% - 1206px/2);
            top: 0px;

            /* mix-blend-mode: luminosity;*/
        }

        .LogoCloud_cb2_logo {
            width: 162.16px;
            height: 57.66px;
            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;

        }

        .LogoCloud_block2 {
            width: 1206px;
            height: 72px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .VisionSection_block1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 40px;
            padding: 40px 0 80px;
            width: 100%;
        }

        .VisionSection_section_img {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            max-width: 1116px;
            height: 500px;
            background-size: cover;
            background: #d9d9d9;
            background-image: url("./img/img_a_propos_main.jpg");
        }

        .VisionSection_content_section {
            width: 888px;
            display: flex;
            flex-direction: column;
            gap: 40px;
            align-items: center;
        }


        .VisionSection_title {
            width: 655px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            text-align: center;

        }


        .VisionSection_title_span {
            color: #3E6EE3;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 16px;
            text-transform: uppercase;
        }

        .VisionSection_title_h2 {
            color: #16274F;
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            line-height: 120%;
            margin: 20px 0 0 0;
        }


        .VisionSection_description {
            color: #4B5162;
            font-family: Inter;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            opacity: 0.8;
            text-align: center;
            margin: 0;
        }


        .VisionSection_buton {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #C7C9CE;
            background: transparent;
            color: #4B5162;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            line-height: 122%;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .KeyMetrics_containerStyle {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 100px 0;
            width: 100%;
            background: linear-gradient(0deg, rgba(196, 200, 238, 0.1), rgba(196, 200, 238, 0.1)), #FFFFFF;
        }

        .KeyMetrics_headerStyle {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            margin-bottom: 40px;

        }


        .KeyMetrics_subtitleStyle {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #0aa690;
            text-transform: uppercase;
            text-align: center;
            line-height: 16px;

        }

        .KeyMetrics_titleStyle {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 120%;
            max-width: 679px;
            margin: 20px 0 0 0;
        }

        .KeyMetrics_metricsContainerStyle {
            display: flex;
            flex-direction: row;
            gap: 20px;
            justify-content: center;
            max-width: 1116px;
            width: 100%;

        }

        .KeyMetrics_metricStyle {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 260px;
            align-items: center;

        }

        .KeyMetrics_valueStyle {
            font-family: Plus Jakarta Sans;
            font-size: 60px;
            font-weight: 700;
            color: #0aa690;
            text-align: center;
            line-height: 70px;
            margin: 0;
        }

        .KeyMetrics_descriptionStyle {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            color: #16274f;
            text-align: center;
            line-height: 160%;
            margin: 0;
            white-space: 'pre-line';
        }

        .Features_container {
            padding: 100px 80px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 48px;
            background: #FFFFFF;
        }

        .Features_titleContainer {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            width: 100%;
        }

        .Features_subtitle {
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #ecae49;
            text-align: center;
            text-transform: uppercase;
            line-height: 16px;
        }

        .Features_title {
            font-family: DM Sans;
            font-size: 40px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 120%;
            margin: 20px 0 0 0;
        }

        .Features_cardContainer {
            display: flex;
            flex-direction: row;
            gap: 24px;
            width: 100%;
            justify-content: center;
        }


        .Features_card {
            width: 270px;
            padding: 48px 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
            background: #fdf6ec1a;
            border-radius: 12px;
            border: 1px solid #ecae49,
        }

        .Features_iconWrapper {
            width: 88px;
            height: 88px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .Features_icon {
            width: 88px;
            height: 88px;
        }

        .Features_content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            width: 100%;
        }

        .Features_cardTitle {
            font-family: DM Sans;
            font-size: 20px;
            font-weight: 700;
            color: #16274f;
            text-align: center;
            line-height: 24px;
            margin: 0;
        }

        .Features_description {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            color: #4b5162;
            text-align: center;
            line-height: 160%;
            opacity: 0.8;
            margin: 0;
        }

        .Features_button {
            padding: 12px 20px;
            border-radius: 200px;
            border: 1px solid #c7c9ce;
            background: transparent;
            font-family: DM Sans;
            font-size: 16px;
            font-weight: 700;
            color: #4b5162;
            cursor: pointer;
            transition: all 0.2s ease;
        }



    }


    /* End media */
}