.french {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

    .french .div {
        background-color: #ffffff;
        width: 1440px;
        height: 3300px;
        position: relative;
    }

    .french .frame {
        display: flex;
        flex-direction: column;
        width: 1408px;
        height: 619px;
        align-items: center;
        position: absolute;
        top: 16px;
        left: 16px;
        background-color: #f7f7f7;
    }

    .french .frame-2 {
        display: flex;
        width: 1190px;
        align-items: center;
        justify-content: space-between;
        padding: 56px 0px 52px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .div-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .french .text-wrapper {
        color: #000000;
        font-size: 58.1px;
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: "Luxoorea-Regular", Helvetica;
        font-weight: 400;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
    }

    .french .navbar {
        display: inline-flex;
        align-items: flex-start;
        gap: 32px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .text-wrapper-2 {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: "Metropolis-Medium", Helvetica;
        font-weight: 500;
        color: #000000;
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
    }

    .french .text-wrapper-3 {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: "Metropolis-Light", Helvetica;
        font-weight: 300;
        color: #000000;
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
    }

    .french .frame-3 {
        display: inline-flex;
        align-items: flex-start;
        gap: 173px;
        position: relative;
        flex: 0 0 auto;
        margin-bottom: -69.07px;
    }

    .french .frame-4 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        padding: 64px 0px 0px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .unlock-the-power-of {
        position: relative;
        align-self: stretch;
        margin-top: -1px;
        font-family: "Metropolis-Bold", Helvetica;
        font-weight: 700;
        color: #000000;
        font-size: 56px;
        letter-spacing: 0;
        line-height: normal;
    }

    .french .p {
        position: relative;
        width: 739px;
        font-family: "Metropolis-Light", Helvetica;
        font-weight: 300;
        color: #000000;
        font-size: 24px;
        letter-spacing: 0;
        line-height: 30px;
    }

    .french .frame-5 {
        display: inline-flex;
        align-items: flex-start;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .appstore {
        position: relative;
        width: 180px;
        height: 52px;
    }

    .french .googleplay {
        position: relative;
        width: 179.75px;
        height: 52px;
    }

    .french .i-phone {
        position: relative;
        width: 300px;
        height: 539.07px;
    }

    .french .group {
        height: 539px;
    }

    .french .overlap-group {
        position: relative;
        width: 307px;
        height: 542px;
        left: -3px;
    }

    .french .shadow-standing {
        position: absolute;
        width: 307px;
        height: 11px;
        top: 531px;
        left: 0;
    }

    .french .buttons {
        position: absolute;
        width: 268px;
        height: 127px;
        top: 73px;
        left: 20px;
    }

    .french .img {
        position: absolute;
        width: 266px;
        height: 537px;
        top: 0;
        left: 22px;
    }

    .french .rubber {
        position: absolute;
        width: 257px;
        height: 529px;
        top: 4px;
        left: 26px;
        background-image: url(https://c.animaapp.com/dUIy363u/img/shape.svg);
        background-size: 100% 100%;
    }

    .french .dynamic {
        position: absolute;
        width: 34px;
        height: 6px;
        top: 18px;
        left: 138px;
    }

    .french .camera {
        position: absolute;
        width: 8px;
        height: 8px;
        top: 17px;
        left: 179px;
        background-image: url(https://c.animaapp.com/dUIy363u/img/shape-1@2x.png);
        background-size: 100% 100%;
    }

    .french .shape {
        position: absolute;
        width: 5px;
        height: 5px;
        top: 1px;
        left: 1px;
    }

    .french .screen {
        position: absolute;
        width: 235px;
        height: 507px;
        top: 15px;
        left: 37px;
    }

    .french .group-2 {
        position: absolute;
        width: 234px;
        height: 506px;
        top: 14px;
        left: 38px;
    }

    .french .frame-6 {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 64px;
        position: absolute;
        top: 752px;
        left: 125px;
    }

    .french .text-wrapper-4 {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: "Metropolis-Bold", Helvetica;
        font-weight: 700;
        color: #000000;
        font-size: 42px;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
    }

    .french .frame-7 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .frame-8 {
        display: flex;
        width: 1190px;
        align-items: center;
        justify-content: center;
        gap: 53px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .frame-9 {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .overlap-group-wrapper {
        position: relative;
        width: 208.5px;
        height: 205.3px;
    }

    .french .text-wrapper-5 {
        position: relative;
        width: 169px;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        color: #000000;
        font-size: 18px;
        text-align: center;
        letter-spacing: 0;
        line-height: 20px;
    }

    .french .mask-group {
        position: absolute;
        width: 184px;
        height: 184px;
        top: 7px;
        left: 18px;
    }

    .french .fichier {
        position: relative;
        width: 92.71px;
        height: 49.71px;
    }

    .french .frame-10 {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .overlap-group-2 {
        position: relative;
        width: 208px;
        height: 205px;
    }

    .french .mask-group-2 {
        position: absolute;
        width: 184px;
        height: 184px;
        top: 5px;
        left: 12px;
    }

    .french .img-2 {
        position: absolute;
        width: 208px;
        height: 205px;
        top: 0;
        left: 0;
    }

    .french .text-wrapper-6 {
        position: relative;
        width: 192px;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        color: #000000;
        font-size: 18px;
        text-align: center;
        letter-spacing: 0;
        line-height: 20px;
    }

    .french .fichier-2 {
        position: relative;
        width: 130.95px;
        height: 47.16px;
    }

    .french .overlap-group-3 {
        position: relative;
        height: 205px;
    }

    .french .mask-group-3 {
        position: absolute;
        width: 184px;
        height: 184px;
        top: 10px;
        left: 21px;
    }

    .french .rectangle {
        position: absolute;
        width: 11px;
        height: 24px;
        top: 79px;
        left: 64px;
        background-color: #ffffff;
        border-radius: 1px;
        transform: rotate(-3.36deg);
        box-shadow: 1px 1px 4px #ffffff91;
    }

    .french .mask-group-4 {
        position: absolute;
        width: 6px;
        height: 12px;
        top: 85px;
        left: 62px;
    }

    .french .done {
        position: absolute;
        width: 5px;
        height: 5px;
        top: 88px;
        left: 67px;
    }

    .french .text-wrapper-7 {
        position: relative;
        width: 190px;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        color: #000000;
        font-size: 18px;
        text-align: center;
        letter-spacing: 0;
        line-height: 20px;
    }

    .french .frame-11 {
        display: flex;
        width: 1190px;
        align-items: center;
        justify-content: center;
        gap: 39px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .text-wrapper-8 {
        position: relative;
        width: 184px;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        color: #000000;
        font-size: 18px;
        text-align: center;
        letter-spacing: 0;
        line-height: 20px;
    }

    .french .mask-group-5 {
        position: absolute;
        width: 184px;
        height: 184px;
        top: 12px;
        left: 15px;
    }

    .french .mask-group-6 {
        position: absolute;
        width: 184px;
        height: 184px;
        top: 9px;
        left: 12px;
    }

    .french .google-ads-landscape {
        position: absolute;
        width: 1408px;
        height: 628px;
        top: 1720px;
        left: 16px;
    }

    .french .text-wrapper-9 {
        position: absolute;
        top: 1636px;
        left: 580px;
        font-family: "Metropolis-Bold", Helvetica;
        font-weight: 700;
        color: #000000;
        font-size: 42px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
    }

    .french .frame-12 {
        display: flex;
        flex-direction: column;
        width: 1408px;
        align-items: flex-start;
        gap: 40px;
        position: absolute;
        top: 2388px;
        left: 16px;
    }

    .french .FAQ {
        display: flex;
        flex-direction: column;
        width: 1408px;
        align-items: center;
        gap: 48px;
        padding: 64px 48px;
        position: relative;
        flex: 0 0 auto;
        background-color: #f7f7f7;
    }

    .french .frame-13 {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 48px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .frame-14 {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .frame-15 {
        display: flex;
        width: 780px;
        align-items: flex-start;
        gap: 28px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .primary-BTN {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 16px 32px;
        position: relative;
        flex: 1;
        flex-grow: 1;
        background-color: #000000;
    }

    .french .button-text {
        margin-top: -1.67px;
        color: var(--neutral-100);
        position: relative;
        width: fit-content;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        letter-spacing: 0;
        line-height: 28px;
        white-space: nowrap;
    }

    .french .button-text-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 16px 32px;
        position: relative;
        flex: 1;
        flex-grow: 1;
        background-color: var(--neutral-100);
        border: 1px solid;
        border-color: var(--neutral-400);
        box-shadow: 0px 2px 6px #00000008;
    }

    .french .button-text-2 {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        color: var(--neutral-600);
        font-size: 18px;
        text-align: center;
        letter-spacing: 0;
        line-height: 28px;
        white-space: nowrap;
    }

    .french .button-text-3 {
        margin-top: -1px;
        margin-left: -14px;
        margin-right: -14px;
        color: var(--neutral-600);
        position: relative;
        width: fit-content;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        letter-spacing: 0;
        line-height: 28px;
        white-space: nowrap;
    }

    .french .content {
        display: flex;
        width: 1180px;
        align-items: flex-start;
        gap: 20px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .questions {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 0px 200px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .french .accordion {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .french .surface {
        align-items: flex-start;
        display: flex;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .french .list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .french .block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .french .surface-2 {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding: 18px 24px;
        background-color: var(--backgroundbg-primary);
        display: flex;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .french .header {
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 16px;
        position: relative;
    }

    .french .title {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .french .block-title {
        position: relative;
        flex: 1;
        margin-top: -1px;
        font-family: var(--text-2-strong-font-family);
        font-weight: var(--text-2-strong-font-weight);
        color: var(--texttxt-primary);
        font-size: var(--text-2-strong-font-size);
        letter-spacing: var(--text-2-strong-letter-spacing);
        line-height: var(--text-2-strong-line-height);
        font-style: var(--text-2-strong-font-style);
    }

    .french .chevron {
        display: inline-flex;
        align-items: flex-start;
        gap: 10px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .img-3 {
        position: relative;
        width: 16px;
        height: 16px;
    }

    .french .text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .french .block-text {
        position: relative;
        align-self: stretch;
        margin-top: -1px;
        font-family: var(--text-2-regular-font-family);
        font-weight: var(--text-2-regular-font-weight);
        color: var(--texttxt-secondary);
        font-size: var(--text-2-regular-font-size);
        letter-spacing: var(--text-2-regular-letter-spacing);
        line-height: var(--text-2-regular-line-height);
        font-style: var(--text-2-regular-font-style);
    }

    .french .header-wrapper {
        align-items: center;
        gap: 16px;
        padding: 18px 24px;
        background-color: var(--backgroundbg-primary);
        display: flex;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .french .header-2 {
        flex: 1;
        flex-grow: 1;
        display: flex;
        align-items: center;
        gap: 16px;
        position: relative;
    }

    .french .block-title-wrapper {
        display: flex;
        align-items: flex-start;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .french .FAQ-v-m {
        display: flex;
        flex-direction: column;
        width: 1408px;
        align-items: center;
        gap: 48px;
        padding: 64px 48px;
        position: relative;
        flex: 0 0 auto;
        background-color: #ffffff;
    }

    .french .top-view-woman {
        position: absolute;
        width: 1408px;
        height: 353px;
        top: -64px;
        left: -314px;
        mix-blend-mode: luminosity;
        object-fit: cover;
    }

    .french .frame-16 {
        display: flex;
        flex-direction: column;
        width: 780px;
        align-items: flex-start;
        gap: 28px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .text-wrapper-10 {
        position: relative;
        align-self: stretch;
        margin-top: -1px;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        color: #000000;
        font-size: 22px;
        text-align: center;
        letter-spacing: 0;
        line-height: 24px;
    }

    .french .text-wrapper-11 {
        position: relative;
        width: fit-content;
        font-family: "Metropolis-Regular", Helvetica;
        font-weight: 400;
        color: #000000;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .french .frame-17 {
        display: flex;
        flex-direction: column;
        width: 1408px;
        align-items: center;
        justify-content: center;
        gap: 0px;
        padding: 0px 0px 48px;
        position: relative;
        flex: 0 0 auto;
        background-color: #000000;
    }

    .french .frame-18 {
        display: flex;
        flex-direction: column;
        width: 1212px;
        align-items: center;
        justify-content: center;
        gap: 48px;
        padding: 48px 0px 0px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .text-wrapper-12 {
        color: #ffffff;
        font-size: 76.1px;
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: "Luxoorea-Regular", Helvetica;
        font-weight: 400;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
    }

    .french .vector {
        position: relative;
        align-self: stretch;
        width: 100%;
        height: 1px;
        margin-bottom: -0.5px;
        object-fit: cover;
    }

    .french .frame-19 {
        display: flex;
        width: 1212px;
        align-items: flex-start;
        gap: 93px;
        position: relative;
        flex: 0 0 auto;
        margin-top: 40px;
    }

    .french .frame-20 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 23px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .text-wrapper-13 {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: var(--subtitle-1-18-font-family);
        font-weight: var(--subtitle-1-18-font-weight);
        color: #ffffff;
        font-size: var(--subtitle-1-18-font-size);
        letter-spacing: var(--subtitle-1-18-letter-spacing);
        line-height: var(--subtitle-1-18-line-height);
        white-space: nowrap;
        font-style: var(--subtitle-1-18-font-style);
    }

    .french .group-3 {
        position: relative;
        width: 181.91px;
        height: 24px;
    }

    .french .img-4 {
        position: absolute;
        width: 23px;
        height: 24px;
        top: 0;
        left: 0;
    }

    .french .text-wrapper-14 {
        position: absolute;
        top: 0;
        left: 48px;
        font-family: "Poppins", Helvetica;
        font-weight: 400;
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .french .group-4 {
        position: relative;
        width: 204.91px;
        height: 24px;
    }

    .french .group-5 {
        position: relative;
        width: 325.64px;
        height: 48px;
        margin-right: -2px;
    }

    .french .element-dartmouth-street {
        position: absolute;
        width: 276px;
        top: 0;
        left: 48px;
        font-family: "Poppins", Helvetica;
        font-weight: 400;
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .french .frame-21 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 16px;
        position: relative;
        flex: 0 0 auto;
        background-color: #131313;
        border-radius: 16px;
    }

    .french .frame-wrapper {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 16px;
        position: relative;
        flex: 0 0 auto;
        background-color: #23d366;
        border-radius: 8px;
    }

    .french .frame-22 {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .whatsapp {
        position: relative;
        width: 48px;
        height: 48px;
    }

    .french .frame-23 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        flex: 0 0 auto;
    }

    .french .text-wrapper-15 {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: "Poppins", Helvetica;
        font-weight: 400;
        color: #ffffff;
        font-size: 11px;
        letter-spacing: 0;
        line-height: normal;
    }

    .french .text-wrapper-16 {
        position: relative;
        width: fit-content;
        font-family: var(--subtitle-1-18-font-family);
        font-weight: var(--subtitle-1-18-font-weight);
        color: #ffffff;
        font-size: var(--subtitle-1-18-font-size);
        letter-spacing: var(--subtitle-1-18-letter-spacing);
        line-height: var(--subtitle-1-18-line-height);
        white-space: nowrap;
        font-style: var(--subtitle-1-18-font-style);
    }

    .french .frame-24 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
        position: relative;
        flex: 0 0 auto;
    }

    .french .text-wrapper-17 {
        font-family: "Poppins", Helvetica;
        font-weight: 400;
        color: #ffffff;
        font-size: 16px;
        position: relative;
        width: fit-content;
        letter-spacing: 0;
        line-height: normal;
    }

    .french .frame-25 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 23px;
        position: relative;
        flex: 0 0 auto;
        margin-right: -18.64px;
    }