/*
Big screen
*/
@media (min-width: 1440px) {
    .card-step-container {
        padding-left: 17px;
        padding-right: 17px;
    }

    .block-text-a {
        margin: 50px;
    }

    .step-arrow-1 {
        right: -54px;
        bottom: 26px;
        width: 130px;
    }

    .step-arrow-2 {
        right: -37px;
        bottom: 26px;
        width: 90px;
    }

    .quote-star-1 {
        height: 95px;
        bottom: 107px;
        left: 116px;

    }

    .quote-star-2 {
        top: 49px;
        right: 116px;
        height: 95px;
    }


    .quote-star-1-1 {
        height: 95px;
        bottom: 3px;
        left: 55px;
    }

    .quote-star-2-1 {
        top: 49px;
        right: 81px;
        height: 95px;
    }


    .start-star-1 {
        position: absolute;
        height: 95px;
        top: -74px;
        left: 181px;
        z-index: -1;
    }

    .start-star-2 {
        position: absolute;
        top: -74px;
        ;
        right: 186px;
        height: 95px;
        z-index: -1;
    }

    .start-star-3 {
        top: 334px;
        right: 186px;
        height: 95px;
    }



    .anniv-bottom {
        width: 245px;
        margin-top: 73px;
        margin-bottom: 73px;
    }

    .thanks-description {
        margin-bottom: 90px;
    }

    .block-response {
        margin-bottom: 120px;
    }

    .thanks-h2 {
        max-width: 689px;
        margin-bottom: 120px;
    }

    .thanks-heading {
        max-width: 839px;
    }

    .question-block {
        padding-left: 24px;
        padding-right: 24px;
    }

    .wsz-a {
        width: 700px;
    }

    .text-input-radio {
        font-size: 14px;
    }

    .button {
        min-width: 226px;
    }

    .limw-a {
        max-width: 559px;
    }

    .limw-b {
        max-width: 475px;
    }

    .in-left-a {
        left: -115px;
    }

    .bg-a {
        height: 100px;
    }

    .left-star {
        left: 185px;
        top: -18px;
        width: 87px;
    }

    .right-star {
        right: 175px;
        top: 109px;
        width: 81px;
    }

    .img-floating-left {
        top: -18px;
        left: 196px;
        width: 293px;
    }

    .img-floating-right {
        top: 49px;
        width: 270px;
        right: 186px;
    }

    .badge-image {
        top: 269px;
        right: 210px;
        width: 235px;
    }

    .text-style-a {
        font-size: 100px;
        line-height: 123px;
    }

    .text-style-b {
        font-size: 26px;
    }

    .text-style-c {
        font-size: 22px;
        line-height: 28px;
    }

    .text-style-d {
        font-size: 48px;
        line-height: 60px;
    }

    .text-style-e {
        font-size: 48px;
    }

    .text-style-f {
        font-size: 34px;
    }

    .text-style-g {
        font-size: 32px;
        line-height: calc(32px * 118.75/100)
    }

    .text-style-h {
        font-size: 20px;
        line-height: calc(20px * 132.1 / 100);
    }

    .text-style-i {
        font-size: 74px;
    }

    .text-style-j {
        font-size: 16px;
        line-height: calc(16px * 132.1/100);
    }

    .text-style-jn {
        font-size: 16px;
        line-height: 16px;
    }

    .text-style-k {
        font-size: 18px;
        line-height: calc(18px * 155 / 100);
    }

    .text-style-name {
        font-size: 18px;
    }

    .text-style-position {
        font-size: 14px;
    }

    .text-base-link {
        font-size: 16px;
    }

    .text-heading-variant-a {
        font-size: 52px;
    }

    .text-heading-variant-b {
        font-size: 38px;
        line-height: 38px;
    }

    .text-heading-variant-c {
        font-size: 28px;
        line-height: calc(28px * 135 / 100);
    }

    .text-form-label {
        font-size: 16px;
    }

    .text-accept-a {
        font-size: 14px;
    }

    .text-note-a {
        font-size: 12px;
    }

    .description-content {
        width: 420px;
    }

    .description-container {
        margin-left: 55px;
    }


    /* Quand radio est coché → le label entier stylé */
    .questions input[type="radio"]+span::before {
        top: -5px;
        left: 0px;
    }

    /* Quand radio est coché → le label entier stylé */
    .questions input[type="radio"]:checked+span::after {
        left: 4px;
        top: -1px;
    }


    .formulaire-container-form {
        padding: 0px 215px;
    }


    .left-star {
        left: 149px;
        top: -60px;
        width: 87px;
    }

    .right-star {
        right: 135px;
        top: 65px;
        width: 81px;
    }

    .img-floating-left {
        top: -60px;
        left: 160px;
        width: 293px;
    }

    .img-floating-right {
        top: 5px;
        width: 270px;
        right: 147px;
    }

    .badge-image {
        top: 200px;
        right: 165px;
        width: 235px;
    }

    .arrow-a {
        top: 189px;
        left: 364px;
        width: 144px;
    }

    .in-right-b {
        left: 18px;
    }
}

@media (max-width: 991px) {
    .text-style-jn {
        font-size: 16px;
        line-height: 16px;
    }

    .text-input-radio {
        font-size: 16px;
        line-height: normal;
    }

    .text-form-label {
        font-size: 16px;
        line-height: initial;
    }

    .formulaire-container-form {
        padding: 0px 50px;
    }

    .text-accept-a {
        font-size: 14px;
        font-weight: initial;
    }

    .text-note-a {
        font-size: 12px;
        line-height: initial;
    }

    .text-style-k {
        font-size: 18px;
        line-height: initial;
    }

    .questions input[type="radio"]+.span-container {
        width: 100%;
    }

    .questions input[type="radio"]+.span-container::before {
        position: relative;
        display: inline-block;
        margin-left: -38px;
        vertical-align: middle;
        top: 0px;
        left: 0px;
    }

    .span-container span {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .questions input[type="radio"]:checked+.span-container::after {
        top: calc(50% - 8px);
        left: 6px;
    }

    .text-heading-variant-a {
        font-size: 32px;
        line-height: initial;
    }

    .text-heading-variant-b {
        font-size: 18px;
        line-height: initial;
    }

    .text-heading-variant-c {
        font-size: 22px;
        line-height: initial;
    }

    .text-style-d {
        font-size: 28px;
        line-height: initial;
        text-align: center;
    }

    .limw-a {
        max-width: initial;
    }

    .limw-b {
        max-width: initial;
    }

    .text-style-c {
        font-size: 16px;
        line-height: initial;
        text-align: center;
    }

    .text-style-e {
        font-size: 28px;
        line-height: initial;
        text-align: center;
    }

    .text-style-g {
        font-size: 28px;
        line-height: initial;
    }

    .text-style-f {
        font-size: 34px;
        line-height: 68px;
    }

    .text-style-h {
        font-size: 16px;
        line-height: 132.1%;
        max-width: 316px;
    }

    .text-style-name {
        font-size: 18px;
        line-height: initial;
    }

    .text-style-position {
        font-size: 14px;
        line-height: initial;
    }

    .text-base-link {
        font-size: 16px;
        line-height: initial;
    }

    .text-style-j {
        font-size: 14px;
        line-height: 132.1%;
    }

    .description-content {
        max-width: initial;
    }

    .text-style-b {
        font-size: 16px;
        line-height: initial;
    }

}

@media (max-width: 1200px) {
    .text-style-jn {
        font-size: 16px;
        line-height: 16px;
    }

    .text-input-radio {
        font-size: 16px;
        line-height: normal;
    }

    .text-form-label {
        font-size: 16px;
        line-height: initial;
    }

    .section-white {
        border-radius: 25px;
    }

    .image-main-banner img {
        margin-top: 35px;
    }

    .formulaire-container-form {
        padding: 0px calc(50 / 1440 * 100vw);
    }
}


@media (min-width: 992px) {
    .text-heading-variant-a {
        max-width: 809px;
        margin: auto;
        margin-bottom: 110px;
        line-height: initial;
    }

    .text-heading-variant-b {
        max-width: 809px;
        margin: auto;
        line-height: initial;
        margin-bottom: 55px;
    }

    .heading-main {
        text-align: center;
        margin-bottom: 100px;
    }
}

@media (max-width: 991.98px) {
    .tooltip-box {
        padding: 6px 40px 23px 40px;
        width: 322px;
        font-size: 14px;
        line-height: 14px;
        top: -117px;
        left: -220px;
    }
    .formulaire-row {
        flex-direction: column;
    }

    .container {
        padding: 0 21px;
    }

    .section-hero {
        padding-top: 25px;
    }

    .section-white {
        padding: 50px 20px;
    }

    .left-star {
        position: absolute;
        left: calc(19/390 * 100vw);
        top: calc(-8/390 * 100vw);
        z-index: 2;
        width: calc(35/390 * 100vw);
    }

    .right-star {
        position: absolute;
        right: calc(-5/390 * 100vw);
        top: calc(-10/390 * 100vw);
        z-index: 2;
        width: calc(37/390 * 100vw);
    }

    .img-floating-left {
        top: calc(-18/1440 * 100vw);
        left: calc(0/390 * 100vw);
        width: calc(138/390 * 100vw);
    }

    .img-floating-right {
        top: calc(-55/390* 100vw);
        width: calc(126/390 * 100vw);
        right: calc(0/290 * 100vw);
    }

    .badge-image {
        position: absolute;
        z-index: 1;
        top: calc(187/390 * 100vw);
        left: calc(0/390 * 100vw);
        width: calc(100/390 * 100vw);
        transform: rotate(-34deg);
        right: initial;
    }

    .arrow-a {
        position: absolute;
        z-index: 1;
        top: calc(217/390 * 100vw);
        left: calc(85/390 * 100vw);
        width: calc(70/390 * 100vw);
        transform: rotate(-38deg);
    }

    .text-style-a {
        font-size: calc(54/390 * 100vw);
        line-height: calc(65/390 * 100vw);
    }

    .in-right-b {
        display: block;
        text-align: right;
        padding-right: calc(41/390 * 100vw);
        left: calc(18/390 * 100vw);
    }

    .bg-a {
        height: calc(53/390 * 100vw);
        width: calc(100% + (5/390 * 100vw));
        left: calc(-3/390 * 100vw);
        top: calc(2/390 * 100vw);
        z-index: -1;
        transform: rotate(3.119deg);
    }

    .heading-main {
        margin-bottom: calc(41/390 * 100vw);
    }

    .button-container {
        display: block;
        text-align: center;
    }

    .image-main-banner {
        margin-bottom: 56px;
    }

    .card-step {
        margin-bottom: 45px;
    }

    .card-steps-group {
        margin-bottom: 0px;
    }

    .step-arrow-1 {
        display: none;
    }

    .step-arrow-2 {
        display: none;
    }

    .step-arrow-1-mb {
        display: block;
        position: absolute;
        bottom: calc(-10/390 * 100vw);
        left: calc(153/390 * 100vw);
        width: calc(42/390 * 100vw);
        z-index: 1;
    }

    .step-arrow-2-mb {
        display: block;
        position: absolute;
        bottom: calc(-15/390 * 100vw);
        left: calc(210/390 * 100vw);
        width: calc(60/390 * 100vw);
        z-index: 1;
    }

    .text-heading-variant-b {
        margin-bottom: 50px;
    }

    .formulaire-container-form {
        padding: 0px 0px;
    }

    .wsz-a {
        width: initial;
        margin: auto;
    }

    .thanks-heading {
        max-width: initial;
    }

    .thanking .in-right-b {
        display: block;
        text-align: center;
        padding-right: initial;
        left: initial;
    }

    .thanks-heading {
        max-width: initial;
        text-align: center;
    }

    .space {
        display: none;
    }

    .thanks-h2 {
        max-width: initial;
        margin: auto;
        margin-bottom: 50px;
    }

    .text-style-jn.red-text,
    .text-style-jn.green-text {
        text-align: center;
    }

    .text-style-i {
        color: #FFF;
        text-align: center;
        font-family: Lora;
        font-size: 74px;
        font-style: italic;
        font-weight: 400;
        line-height: 168.2%;
        margin-top: 43px;
        margin-bottom: -37px;
    }

    .quote-star-2 {
        position: absolute;
        top: calc(49/1440 * 100vw);
        right: calc(116/1440 * 100vw);
        height: calc(64/390 * 100vw);
    }

    .quote-star-1 {
        position: absolute;
        height: calc(60/390 * 100vw);
        bottom: calc(107/1440 * 100vw);
        left: calc(116/1440 * 100vw);
    }

    .heading-main {
        text-align: center;
        margin-bottom: 111px;
    }

    .text-style-g.mg-50 {
        margin: 19px;
    }

    .card-steps-group {
        margin-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media (max-width: 768px) {
    .button {
        width: 100%;
    }

    .block-text-a {
        margin: calc(50/991 * 100vw) calc(20/991 * 100vw);
    }

    .card-step {
        height: initial;
    }

    .link-footer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .logo-header img {
        width: 118px;
    }

    .start-star-1 {
        position: absolute;
        height: calc(43/390 * 100vw);
        top: calc(-42/390 * 100vw);
        left: calc(39/390 * 100vw);
        z-index: -1;
    }

    .section-white {
        box-shadow: initial;
    }

    .start-star-2 {
        position: absolute;
        top: calc(-30/390 * 100vw);
        right: calc(40/390 * 100vw);
        height: calc(41/390 * 100vw);
        z-index: -1;
    }
}

@media (max-width: 575.98px) {
    .block-questions {
        order: 2;
    }

    .block-responses {
        order: 1;
    }
}

@media (max-width: 527px) {
    .image-main-banner img.home-image-desktop {
        display: none;
    }

    .image-main-banner img.home-image-mobile {
        display: block;
    }

    .block-text-a {
        margin: calc(59/390 * 100vw) calc(19/390 * 100vw);
    }
}