:root {
        --primary-color: #ffffff;
        --secondary-color: #000000;
        --tertiary-color: #EE5245;
        --quaternary-color: #12056B;
        --quinary-color: #1AB970;
        --senary-color: #10365D;
        --septenary-color: #EDEAEA;
    }

    @media (max-width:991px) {
        html {
            font-size: calc(1000vw / 430);
        }

        .hide_mob {
            display: none !important;
        }

        .close_pop_up_video {
            right: -1rem;
            top: 2rem;
        }

        .pop_up_video-holder iframe {
            width: 100%;
            height: 55vw;
        }

        /* Header */
        header .container {
            padding: 1.4rem 2.5rem;
            flex-direction: column;
            gap: 2rem;
        }

        header .container .logo {
            width: 13rem;
            margin: 0 auto;
        }

        nav ul li {
            padding: 0 1.5rem;
            font-size: 1.6rem;
        }

        /* Hero */
        .hero {
            height: auto;
            min-height: 100vh;
            padding-bottom: 5rem;
            background-image: url('../img/mobile/header.jpg');
            background-position: center bottom;
            padding: 0 0 16.4rem 0;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex-direction: column;
            background-position: center top;
        }

        .hero .container {
            flex-direction: column;
            max-width: 100%;
        }

        .hero-content {
            width: 35.655rem;
            padding: 0;
            margin: 0 auto;
            text-align: center;
        }

        .hero-content h1 {
            font-size: 2.4rem;
            line-height: 130%;
            padding: 0;
            margin-bottom: 1.9rem;
        }

        .btn-hero {
            font-size: 1.8rem;
            width: 18rem;
        }

        .btn-hero img {
            width: 7.054rem;
            margin-bottom: 1rem;
        }

        .hero_right .scroll_to {
            display: none;
        }

        .hero-body {
            margin-bottom: 0;
        }

        .hero-body p {
            margin: 1.7rem auto 0 auto;
            font-size: 2rem;
            line-height: 130%;
        }

        .blc_form {
            max-width: 100%;
            padding: 3rem 2rem;
        }

        /* Section 1 - Features */
        .section1 .container {
            padding: 6rem 2.5rem;
        }

        .features {
            grid-template-columns: 1fr;
            gap: 2.6rem;
            margin: 0 auto;
            width: 33.2rem;
        }

        .feature-card {
            height: 40rem;
        }

        .card-content {
            min-height: auto;
            padding: 2.5rem;
        }

        /* Section 2 - Stats */
        .section2 .container {
            margin-bottom: 5.3rem;
            padding: 3rem 2.5rem 3rem 2.5rem;
        }

        .stats-grid {
            grid-template-columns: 1fr;
            gap: 4rem;
        }

        .stat-item:nth-child(1) .icon img {
            margin-bottom: 0 !important;
        }

        .stat-item .label {
            font-size: 2rem;
        }

        .stat-item {
            width: 32.2rem;
            margin: 0 auto;
        }

        /* Section 3 - Video */
        .video-container {
            height: 36.6rem;
            max-width: 36.6rem;
            margin-bottom: -18.3rem;
        }

        .video-overlay {
            padding: 0;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex-direction: column;
            padding-bottom: 6rem;
            gap: 2.5rem;
        }

        .play-btn {
            width: 8rem;
        }

        .video-overlay h2 {
            font-size: 2rem;
            padding: 0 2rem;
        }

        /* Section 4 - Testimonials */
        .section4 {
            padding-top: 23rem;
        }

        .section4 .container {
            padding: 0 2.5rem 5.4rem 2.5rem;
        }

        .testimonials-grid {
            display: block;
            width: 100%;
        }

        .testimonial-card {
            width: 100%;
            height: 54.7rem !important;
            margin: 0 auto;
            margin: 2rem;
        }

        .testimonial-controls {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            margin-top: 3rem;
            width: 100%;
            padding: 0 4rem;
        }

        .prev-btn,
        .next-btn {
            width: 5rem;
            height: 5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            flex-shrink: 0;
            border-radius: 50%;
            background-color: var(--quinary-color);
        }

        .prev-btn,
        .next-btn {
            transition: background-color 0.3s;
        }

        .prev-btn.slick-disabled,
        .next-btn.slick-disabled {
            background-color: #D9D9D9;
            cursor: default;
        }

        .prev-btn img,
        .next-btn img {
            width: 2.1rem;
        }

        .progress-track {
            flex-grow: 1;
            height: 4px;
            background-color: #E0E0E0;
            border-radius: 2px;
            position: relative;
            cursor: pointer;
        }

        .progress-dot {
            width: 1.5rem;
            height: 1.5rem;
            background-color: var(--accent-green);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            left: 0;
            transition: left 0.3s ease;
            cursor: pointer;
        }

        .progress-dot.dragging {
            transition: none;
        }

        .slick-track {
            display: flex;
            align-items: flex-start;
        }

        .slick-slide {
            height: auto;
        }

        .card-front-content {
            padding: 12rem 2.3rem 2.6rem 2.3rem;
        }

        .testimonial-card .card-back .author {
            text-align: left;
            display: block;
            width: 100%;
        }

        /* Section 5 - Profile */
        .section5 .container {
            padding: 6rem 3.8rem 3rem 3.8rem;
        }

        .flex-row {
            flex-direction: column;
        }

        .profile-wrap {
            width: 100%;
            margin-bottom: 2.5rem;
        }

        .profile-content {
            width: 100%;
            text-align: center;
        }

        .profile-content h2 {
            text-align: center;
            font-size: 2.4rem;
            margin-bottom: 2.5rem;
        }


        .profile-content h2 br {
            display: none;
        }

        .quote p {
            text-align: left;
            margin-bottom: 1rem;
        }

        .contact-item {
            justify-content: space-between;
            text-align: left;
            gap: initial;
            align-items: center;
        }

        .contact-item img {
            width: 4.1rem;
        }

        .contact-item p {
            font-size: 1.6rem;
            width: 29.6rem;
        }

        .contact-box {
            margin-bottom: 0;
        }

        .contact-item p * {
            font-size: 1.6rem;
            display: block;
        }

        .contact-item p br {
            display: none;
        }

        .author-name {
            text-align: left;
            margin-bottom: 2.5rem;
        }

        /* Section 6 - FAQ */
        .section6 .container {
            padding: 3rem 4rem 6rem 4rem;
        }

        .accordion-item {
            padding: 2rem 3rem;
            margin-bottom: 2.5rem;
        }

        .accordion-header {
            font-size: 1.8rem;
            line-height: 120%;
            align-items: flex-start;
        }

        .accordion-header span:first-child {
            max-width: 22.7rem;
        }

        .section6 h2 {
            margin-bottom: 3.7rem;
            font-size: 2.4rem;
            line-height: 120%;
        }

        .accordion-content {
            width: 22.7rem;
            margin-right: auto;
        }

        .accordion-content p {
            font-size: 1.6rem;
        }

        .footer-contact {
            margin-top: 2.5rem;
            font-size: 2rem;
        }

        .section6 h2 br {
            display: none;
        }

        /* Section 7 - Commitments */
        .section7 {
            background-image: url(../img/mobile/section7.jpg);
            padding: 7rem 3rem 5rem 3rem;
            min-height: auto;
        }

        .commitment-card {
            padding: 2rem 2.2rem;
            border-radius: 2rem;
        }

        .commitment-item h3 {
            font-size: 2rem;
            line-height: 120%;
            margin-bottom: 1.5rem;
        }

        .commitment-item h3 br {
            display: none;
        }

        .commitment-item p,
        .commitment-item p * {
            font-size: 1.6rem;
            line-height: 140%;
        }

        .commitment-grid {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        /* Footer */
        footer .container {
            flex-direction: column;
            gap: 5.4rem;
            padding: 4rem 3.4rem 19.3rem 3.4rem;
        }

        .footer_left,
        .footer_center,
        .footer_right {
            width: 100%;
            flex-direction: column;
            text-align: center;
            gap: 5.4rem;
        }

        .footer_center,
        .footer_right {
            flex-direction: initial;
            gap: initial;
            justify-content: space-between;
        }

        .footer_center .logo {
            width: 8.4rem;
        }



        .footer_left p,
        .footer_center p,
        .footer_right p {
            width: 100%;
            text-align: left;
            font-weight: 500;
        }

        .footer_center p,
        .footer_right p {
            width: 25rem;
            line-height: 140%;
        }

        .footer_left p {
            font-size: 1.6rem;
        }

        .footer_left .logo {
            margin: 0 auto;
        }

        .fixed-container {
            display: flex !important;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: var(--quaternary-color);
            padding: 4.3rem 1.5rem 2.4rem 1.5rem;
            z-index: 1000;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            border: 0;
        }

        .fixed-container p {
            font-size: 1.8rem;
            font-weight: 700;
            line-height: 120%;
            margin: 0;
            text-align: center;
        }

        .fixed-container p b {
            font-weight: 700;
        }

        .fixed-container .btn {
            padding: 1.3rem 2rem;
            font-size: 2.2rem;
            border-radius: 0.7rem;
            position: absolute;
            top: -2.5rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .blc_form {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--quaternary-color);
            z-index: 2000;
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 0 !important;
            overflow-y: auto;
            border-radius: 0;
        }

        .blc_form.active {
            display: flex;
        }

        .mobile-popup-header {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.8rem 3.25rem;
            background: rgba(255, 255, 255, 0.3);
            margin-bottom: 2rem;
            flex-shrink: 0;
        }

        .mobile-logo {
            width: 20.3rem;
        }

        .container_form {
            background: transparent;
            padding: 0 3.684rem 4rem 3.684rem;
            border-radius: 0;
            max-width: 100%;
            max-height: none;
            overflow: visible;
            position: relative;
            width: 100%;
            color: #fff;
        }

        .body_form h3 {
            font-size: 2.2rem;
            line-height: 120%;
            margin-bottom: 1.215rem;
        }

        .body_form p {
            font-size: 1.8rem;
            margin-bottom: 2.9rem;
        }

        /* Radio Buttons (Pills) */
        .type_contact,
        .civilite {
            display: flex;
            justify-content: space-between;
            gap: 0.9rem;
        }

        .input-holder {
            position: relative;
            width: 100%;
            margin-bottom: 0.9rem;
        }

        .form .groupe_champs input {
            margin-bottom: 0;
            height: 4.8rem;
            padding: 0.8rem 2.1rem;
        }

        .input-holder input[type="radio"] {
            position: absolute;
            opacity: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            z-index: 2;
        }

        .input-holder label {
            display: block;
            width: 100%;
            text-align: center;
            padding: 1rem;
            border: 1px solid #fff;
            border-radius: 5rem;
            color: #fff;
            font-size: 1.4rem;
            font-weight: 700;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .form .groupe_champs {
            gap: 0.9rem;
            margin-top: 1.8rem;
        }

        .form .send {
            margin: 3.4rem auto 1.2rem auto;
            border-radius: 0;
            font-size: 2rem;
            padding: 1.746rem 2.5rem;
        }

        .input-holder span.span1 {
            display: none;
        }

        .input-holder input[type="radio"]:checked+label {
            background: #fff;
            color: var(--quaternary-color);
        }

        .groupe_champs input {
            width: 100%;
            background: #fff;
            border: none;
            border-radius: 0.5rem;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            font-size: 1.6rem;
            color: #000;
        }

        .groupe_champs input::placeholder {
            color: #666;
        }

        .groupe_champs-flex {
            display: flex;
            gap: 1.5rem;
        }

        .groupe_champs-flex input {
            width: 50%;
        }

        /* Submit Button */
        .send {
            width: 100%;
            background: var(--tertiary-color);
            color: #fff;
            font-size: 1.8rem;
            font-weight: 700;
            padding: 1.5rem;
            border-radius: 0.5rem;
            text-align: center;
            cursor: pointer;
            margin-top: 1rem;
            margin-bottom: 2rem;
        }

        /* Footer Text */
        .container_form h5,
        .container_form h6,
        .container_form a {
            color: #fff;
            text-align: center;
            display: block;
        }

        .container_form h5 {
            font-size: 1.6rem;
            font-weight: 500;
            margin-bottom: 1.215rem;
        }

        .container_form h6 {
            font-size: 1.6rem;
            line-height: 114%;
            text-align: left;
            margin-bottom: 1.215rem;
        }

        .container_form a {
            font-size: 1.6rem;
            text-decoration: underline;
        }


        .close-form-mobile {
            position: relative;
            top: auto;
            right: auto;
            width: 2.25rem;
            height: 2.25rem;
        }

        .close-form-mobile img {
            width: 100%;
            height: 100%;
        }

        /* Merci Popup Inner */
        .merci-popup-inner {
            position: fixed;
            /* top: 0; */
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--quaternary-color);
            z-index: 2100;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 0;
            text-align: center;
        }


        .merci-content {
            padding: 2.5rem;
            margin-top: auto;
            margin-bottom: auto;
        }

        .merci-popup-inner h3 {
            font-size: 2.2rem;
            line-height: 120%;
            margin: 0 auto 1.215rem auto;
            line-height: 1.3;
            width: 30.233rem;
        }

        .merci-popup-inner p {
            font-size: 1.8rem;
            margin: 0 auto;
            width: 29.4rem;
        }

        .merci-popup-inner .close-merci {
            position: relative;
            top: auto;
            right: auto;
            width: 2.5rem;
            filter: brightness(0) invert(1);
            cursor: pointer;
        }

        header {
            background-color: rgba(255, 255, 255, 0.3);
        }

        header nav {
            display: none;
        }

        .blue-bg {
            background-image: url('../img/mobile/fondbleu.jpg');
        }

        .section1 h2 {
            margin-bottom: 6rem;
            font-size: 2.4rem;
            line-height: 140%;
        }

        .feature-card h3 {
            font-size: 4rem;
            line-height: 4rem;
            margin-bottom: 2rem;
        }

        .feature-card p {
            font-size: 1.8rem;
            line-height: 120%;
            margin-bottom: 4.5rem;
        }

        .feature-card .card-back p {
            font-size: 1.6rem;
            line-height: 130%;
            font-weight: 600;
        }

        .plus-icon {
            width: 2.2rem;
            bottom: 2.5rem;
            left: 2.5rem;
        }

        .close-icon {
            width: 2.2rem;
        }

        .section2 h2 {
            font-size: 2.4rem;
            line-height: 120%;
            margin-bottom: 3.3rem;
        }

        .section4 h2 {
            font-size: 2.4rem;
            line-height: 120%;
            margin-bottom: 4.2rem;
        }

        .section7 h2 {
            font-size: 2.4rem;
            line-height: 120%;
            margin-bottom: 3.2rem;
        }

        .disclaimer {
            font-size: 1.6rem;
            line-height: 140%;
            text-align: left;
        }

        .feature-card:nth-child(3) .card-back {
            padding: 0 1.682rem 0 2.618rem;
        }

        .hero nav {
            display: none;
        }

    }

    @media (max-width:767px) {}

    @media (min-width:992px) {
        html {
            font-size: calc(1000vw / 1920);
        }

        .hide_desk {
            display: none !important;
        }


        .fixed-container .btn:hover {
            background: var(--white);
            color: var(--accent-red);
        }

        .form .send:hover {
            transform: scale(1.02);
        }

        .feature-card:hover .card-bg {
            transform: scale(1.1);
        }

        .video-container:hover .play-btn {
            transform: scale(1.1);
        }

        .testimonial-card:hover .btn-more {
            transform: scale(1.05);
        }

        .contact-item p a:hover {
            text-decoration: underline;
        }

        .btn-red:hover {
            color: var(--accent-red);
            background: var(--white);
        }

        .accordion-item:hover {
            background-color: var(--blue);
            color: var(--white);
        }

        .accordion-item:hover .accordion-header {
            color: var(--white);
        }

        .accordion-item:hover .accordion-header .plus-icon img {
            filter: brightness(0) saturate(100%) invert(94%) sepia(99%) saturate(1%) hue-rotate(53deg) brightness(106%) contrast(101%);
        }

        .accordion-item:hover .accordion-content {
            color: var(--white);
        }

        .commitment-item p a:hover {
            text-decoration: underline;
        }

        .btn-hero img:hover {
            transform: scale(1.1);
        }


    }