/* DEFAULT */
:root {
    --blue_background: linear-gradient(180deg, #0E264E 0%, #25436E 100%);
    --lighter_blue: #2D5C8D;
    --blue_footer: #25436E;

    --special_dark: #001136;
    --special_grey: #4D5163;
    --main_blue: #0C2A6A;
    --main_grey: #6E7585;

    --order_button_background: #FF6500;
    --order_button_box_shadow: 0px 5px 15px #F2A52080;

}

body { 
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Poppins';
    color: #fff;
}
/* DEFAULT */

/* PADDINGS */
div.video_block,
div.white_block,
div.subbanner_block,
div.head_banner { 
    padding: 18px 17% 30px 17%;
}
/* MEDIA RESPONSIVE */
@media (max-width: 1530px) {
    div.video_block,
    div.white_block,
    div.subbanner_block,
    div.head_banner {
        padding: 18px 10% 30px 8%;
    }
}

@media (max-width: 1335px) {
    div.video_block,
    div.white_block,
    div.subbanner_block,
    div.head_banner {
        padding: 18px 2% 30px 2%;
    }
}


@media (max-width: 1024px) {
    div.video_block,
    div.white_block,
    div.subbanner_block,
    div.head_banner {
        padding: 18px 15px 30px 15px;
    }
}
/* PADDINGS */

/* HEAD BANNER */

    /* BACKGROUND */
    div.head_banner { 
        background: var(--blue_background);
    }
    /* BACKGROUND */

    /* NAVBAR */
    div.navbar_head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .navbar_links {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    a.navbar_link {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        text-decoration: none;
        font-size: 0.93rem;
        color: #fff;
    }
    /* NAVBAR */

    /* BANNER */
    .head_banner_separator {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 10%;
        margin-top: 50px;
    }

    .head_banner_info,
    .head_banner_interactive {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 50%;
    }

    .head_banner_interactive {
        align-items: center;
    }

    h1.banner_title {
        font-size: 2.1em;
        line-height: 50px;
        font-weight: 600;
        margin-top: 40px;
        margin-bottom: 5px;
        text-align: center;
    }

    .head_banner_main_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .head_banner_main_title .sponso_ezstore {
        display: flex;
        flex-direction: row;
        gap: 15px;
        justify-content: center;
        align-items: end;
        font-size: 17px;
        line-height: 26px;
    }

    ul.green_check_list {        
        width: max-content;
        margin-top: 30px;
        margin-bottom: 30px;
        list-style: none;
        padding-left: 0;
    }

    li.list_element::before {
        content: '';
        display: inline-block;
        margin-right: 10px;

        /* Height of the list image*/
        height: 15px;

        /* Width of the list image*/
        width: 19px;
        background-image: url('../images/check_gras_clair.svg');
    }

    li.list_element:not(:last-child) {
        margin-bottom: 20px;
    }
    /* BANNER */

    /* USER REVIEW */
    .quote_bubble {
        background-color: var(--lighter_blue);
        border-radius: 10px;
        font-size: 0.9em;
        line-height: 24px;
        padding: 20px;
        position: relative;
    }
    .quote_bubble::after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        bottom: -20px;
        left: 8%;
        border-right: 30px solid transparent;
        border-top: 30px solid var(--lighter_blue);
    }

    img.banner_image.quote_image {
        position: absolute;
        bottom: 10%;
        right: 3%;
    }

    .user_review_block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .user_review_block.mobile {
        display: none;
    }

    .user_review_info {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 20px;
    }

    .user_profile_image > img {
        border-radius: 100%;
    }

    .user_name > span.bold {
        font-weight: 500;
        font-size: 0.9em;
        line-height: 24px;
    }

    .user_name > span.italic {
        font-size: 0.78em;
        line-height: 24px;
        color: #bcccd6;
    }

    .user_profile_data {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .user_review_details {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 12px;
    }

    .image_5_star {
        display: flex;
        align-items: center;
        gap: 3px;
    }

    .user_validated {
        display: flex;
        flex-direction: row;
        gap: 7px;
        align-items: center;
        color: #A7EAFF;
        line-height: 24px;
        font-size: 0.78em;
    }    
    /* USER REVIEW */

    /* INTERACTIVE */
    .interactive_slider {
        display: flex;
        align-items: center;
        border-radius: 23px;
        gap: 10px;
        align-self: center;
        background-color: var(--lighter_blue);
        margin-bottom: 20px;
    }

    div.interactive_slider_trigger {
        padding: 7px 20px 8px 20px;
    }

    div.interactive_slider_trigger.highlighted {
        box-shadow: 2px 2px 10px #000D4126;
        border-radius: 23px;
        background-color: #fff;
        color: #001136;
        font-weight: 600;
        line-height: 30px;
        font-size: 0.94em;
        padding: 7px 30px 8px 30px;
    }

    .interactive_block {
        background-color: #fff;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }

    h2.interactive_title {
        color: var(--special_dark);
        margin: 0;
        font-size: 1.55em;
        line-height: 38px;
        font-weight: bold;
    }

    .interactive_slider_size {
        display: flex;
        align-items: center;
        color: var(--special_grey);
        width: 100%;
        justify-items: stretch;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 15px;
    }

    span.min_range_slider {
        color: var(--special_grey);
        font-size: 0.95em;
        width: fit-content;
    }

    span.max_range_slider {
        width: fit-content;
    }

    input.interactive_slider_item {
        margin: 0;
        width: 100%;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
    }
    .interactive_slider_item_label {
        margin: 0;
        flex: 55%;
        grid-area: b;
    }

    input.interactive_slider_item::-webkit-slider-runnable-track {
        background-color: #DBE5F2;
        height: 9px;
        border-radius: 21px;
    }
    input.interactive_slider_item::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        background-color: #1E499B;
        height: 20px;
        width: 20px;
        margin-top: -5.5px;
        border-radius: 100%;
    }    

    input.interactive_slider_item::-moz-range-track {
        background-color: #DBE5F2;
        height: 9px;
        border-radius: 21px;
    }

    input.interactive_slider_item::-moz-range-thumb {
        border: none; /*Removes extra border that FF applies*/
        border-radius: 0; /*Removes default border-radius that FF applies*/
        background-color: #1E499B;
        height: 20px;
        width: 20px;
        margin-top: -5.5px;
        border-radius: 100%;
    }

    input.interactive_slider_item::-moz-range-progress {
        background-color: #1E499B;
        height: 9px;
        border-radius: 21px;
    }
    
    .interactive_user_amount {
        color: var(--special_dark);
        font-weight: 600;
        line-height: 30px;
        font-size: 1.11em;
        margin-top: 15px;
    }

    div#interactive_user_amount_type_professional {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    
    .user_amount_selector {
        background-color: #dbe5f2;
        padding: 7px 12px 6px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    .user_amount_selector > span:first-child,
    .user_amount_selector > span:last-child {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .interactive_slider.small {
        border-radius: 17px;
        margin-top: 20px;
        gap: 10px;
        background-color: #fff;
        box-shadow: 2px 2px 10px #000D4126;
    }

    .interactive_slider_trigger {
        cursor: pointer;
    }

    .interactive_slider_trigger.small {
        padding: 4px 20px 5px 20px;
        color: var(--special_grey);
        font-size: 0.94em;
        line-height: 26px;
        font-weight: 600;
        text-align: center;
    }

    .price_green {
        color: #00a716;
    }
    .interactive_slider_trigger.small.highlighted {
        box-shadow: 2px 2px 10px #000D4126;
        border-radius: 15px;
        background-color: #fff;
        font-weight: 600;
        line-height: 26px;
        font-size: 0.94em;
        padding: 2px 20px;
        margin: 2px 2px 2px 0px;
    }
    

    .interactive_price {
        color: var(--special_dark);
        position: relative;
    }

    .interactive_price {
        display: flex;
        flex-direction: row;
        gap: 12px;
        justify-content: center;
        align-items: start;
    }

    .interactive_price .stroke_price {
        position: relative;
        font-size: 1.25rem;
        line-height: 1.875rem;
    }

    .interactive_price .stroke_price::after {
        content: "";
        position: absolute;
        height: 2px;
        background: #001136;
        left: 0;
        transform: rotate(-25deg);
        top: 50%;
        width: 98%;
    }

    span.integer_price {
        font-weight: bold;
        font-size: 3.05em;
        line-height: 65px;
        position: relative;
        display: inline-block;
    }

    span.decimal_price {
        font-weight: bold;
        font-size: 1.69em;
        line-height: 40px;
        position: relative;
        top: -20px;
        display: inline-block;
        margin-left: -15px;
    }

    span.letter_price {
        font-weight: 600;
        font-size: 1.1em;
        line-height: 30px;
        display: inline-block;
        position: relative;
        margin-left: -45px;
    }

    a.buy_now_button {
        font-weight: 600;
        color: #fff;
        background-color: var(--order_button_background);
        box-shadow: var(--order_button_box_shadow);
        padding: 17px 50px 18px 50px;
        border-radius: 30px;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 5px;        
    }    

    a.buy_now_button::before {
        content: "Commander maintenant";
        overflow: hidden;
        white-space: nowrap;
    }

    .grid_available_options {
        display: grid;
        grid-template-areas: "a b" "c d";
        align-items: center;
        justify-items: stretch;
        column-gap: 40px;
        font-size: 0.9em;
        line-height: 24px;
        margin-top: 30px;
        width: max-content;
    }

    .available_option {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        color: var(--special_grey);
        gap: 18px;
        align-items: center;
    }

    .available_option:nth-child(1),
    .available_option:nth-child(2) {
        border-bottom: 1px solid #CDDBEC;
        padding-bottom: 10px;
    }

    .available_option:nth-child(3),
    .available_option:nth-child(4) {
        padding-top: 10px;
    }

    .available_options_left {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .available_options_right {
        display: flex;
        align-items: center;
    }
    /* INTERACTIVE */

    /* SEEN ON */
    .seen_on_block {
        display: flex;
        align-items: center;
        gap: 64px;
        border-top: 1px solid #A7B3C4;
        margin-top: 60px;
        padding-top: 40px;
        overflow: hidden;
    }

    span.seen_on {
        text-transform: uppercase;
        font-size: 0.9em;
        line-height: 24px;
        color: #A7B3C4;
        width: 70px;
    }

    .seen_on_images {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 45px;
        opacity: 0.6;
    }
    
    .animated_seen {
        display: none;
    }
    /* SEEN ON */

/* HEAD BANNER */

/* SUBBANNER */
.subbanner_block {
    background-color: #edf2f8;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.subbanner_block.white_bg {
    background-color: #fff;
}

h2.subbanner_title {
    color: var(--main_blue);
    font-weight: 600;
    line-height: 50px;
    font-size: 2.11em;
    margin: 0;
    margin-top: 50px;
    margin-left: 18%;
    margin-right: 18%;
    text-align: center;
}

span.subbanner_subtitle {
    color: var(--main_grey);
    margin-left: 18%;
    margin-right: 18%;
    text-align: center;
    margin-top: 20px;
}

.subbanner_line {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 60px;
    margin-top: 70px;
    margin-bottom: 50px;
    flex-wrap: nowrap;
}

.subbanner_line_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.subbanner_line_block.alternate {
    text-align: initial;
    align-items: flex-start;
}

.subbanner_line_block.alternate img {
    max-width: 100%;
    height: auto;
}

h3.subbanner_line_title {
    text-align: center;
    margin: 0;
    color: #0C2A6A;
    font-size: 1.12em;
    line-height: 30px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

.subbanner_line_text {
    color: var(--main_grey);
    font-size: 0.9em;
    line-height: 28px;
}
/* SUBBANNER */

/* WHITE PAGE */
.white_block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subbanner_grid {
    display: grid;
    grid-template-areas: "a b"
        "c d";
    margin: 70px 15%;
    gap: 30px;
}
.subbanner_grid_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.subbanner_grid_block img {
    max-width: 100%;
    height: auto;
}

.button_block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
/* WHITE PAGE */

/* INFO LINE BLOCK */
.info_block {
    background-color: #25436e;
}

.info_line {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    padding-top: 70px;
    padding-bottom: 70px;
    gap: 10%;    
}

.info_line_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

h3.info_line_title {
    font-size: 2.1em;
    line-height: 50px;
    font-weight: normal;
    color: #fff;
    margin: 0;
}

.info_line_text {
    color: #bcccd6;
    font-size: 0.89em;
    line-height: 28px;
    text-align: center;
}
/* INFO LINE BLOCK */

/* VIDEO BLOCK */
div.video_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    background-color: #25436E;
    padding-bottom: 70px;
}

h2.subbanner_title.white {
    color: #fff;
}

span.subbanner_subtitle.white {
    color: #fff;
    margin-bottom: 50px;
}

div.video_block iframe {
    max-width: 100%;
}
/* VIDEO BLOCK */

/* FAQ */

.subbanner_block.faq {
    align-items: normal;
    padding: 18px 17% 70px 17%;
}

.faq_first_block {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.faq_block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 70px;
    margin-bottom: 70px;
}

.faq_question {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #0c2a6a;
    align-items: center;
    border-bottom: 1px solid #C1CFE1;
    justify-content: space-between;
    font-weight: 600;
    max-width: 832px;
    width: 832px;
}

/* .faq_question.ans_open {
    background-color: #fff;
} */

.faq_question:last-child {
    border: none;
    padding-bottom: 0;
}

.faq_question:first-child {
    padding-top: 0;
}

.faq_question_q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    cursor: pointer;
}

.faq_answer {
    background-color: #fff;    
    padding: 15px;
    padding-right: 50px;
    border-radius: 10px;
    margin-top: 15px;
}

.subbanner_block.white_bg.faq .faq_answer {
    background-color: #edf2f8;
}

ul.faq_list {
    padding-inline-start: 20px;
}

ul.faq_list > li:not(:first-child) {
    margin-top: 15px;
}

.get_help_block {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    padding: 30px 40px;
    border-radius: 10px;
    justify-content: space-between;
}

.subbanner_block.white_bg.faq .get_help_block {
    background-color: #edf2f8;
}

.get_help_left {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 30px;
}

img.profile_picture_help {
    border-radius: 100%;
}

.get_helf_left_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

h3.get_help_left_title {
    margin: 0;
    color: var(--main_blue);
    font-weight: 600;
}

span.get_help_left_text {
    color: var(--main_grey);
    font-size: 0.9em;
}

a.button_rendezvous {
    color: var(--special_dark);
    border: 2px solid var(--main_blue);
    border-radius: 25px;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 15px;
    padding: 11px 30px 10px 30px;
    font-size: 1em;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
}

.faq_opener {
    cursor: pointer;
}

.faq_text {
    color: var(--main_grey);
    font-size: 0.88em;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 15px;
}

.faq_answer .faq_text:last-of-type {
    margin-bottom: 0;
}

table.comparative_table {
    border-spacing: 5px 0;
}

.header_left, .header_right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    border-bottom: 5px solid #fff;
}

h3.cell_title {
    font-size: 1.11em;
    line-height: 30px;
    color: var(--special_dark);
    margin: 0;
    margin-bottom: 10px;
}

.cell_normal_text {
    font-size: 0.78em;
    line-height: 22px;
    color: #777e8e;
    font-weight: normal;
}

a.cell_button {
    background-color: var(--order_button_background);
    color: #fff;
    text-decoration: none;
    padding: 7px 22px 7px 22px;
    border-radius: 23px;
    margin-top: 20px;
    line-height: 26px;
    font-size: 0.9em;
}

.cell_special_text {
    font-weight: normal;
    color: var(--special_grey);
    text-align: center;
    font-size: 0.83em;
    line-height: 22px;
    /* margin-bottom: 25px; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-content: center;
}

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

.body_cell_listing {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

td.body_cell {
    background-color: #EDF2F8;
}

td.body_cell:first-child {
    padding-left: 20px;
}

tr:not(:first-child) td.body_cell {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}

td.body_cell.title {
    padding-top: 20px;
    padding-bottom: 30px;
}

tr:not(:first-child)
td.body_cell.last {
    padding-bottom: 20px;
    border-bottom: 5px solid #fff;
}

td.body_cell:not(:first-child) {
    max-width: 191px;
}

tr.body_row:first-child > .body_cell:first-child {
    border-radius: 10px 0 0 0 ;
}
tr.body_row:first-child > .body_cell:last-child {
    border-radius: 0 10px 0 0 ;
}

tr.body_row:last-child > .body_cell:first-child {
    border-radius: 0 0 0 10px ;
}
tr.body_row:last-child > .body_cell:last-child {
    border-radius: 0 0 10px 0 ;
}

h3.body_cell_title {
    font-size: 1em;
    font-weight: normal;
    color: var(--special_dark);
    margin: 0;
}

.body_cell_list_element {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    /* margin-bottom: 25px; */
}

.body_cell_list_element.special {
    align-items: flex-start;
}

.body_cell_list_element_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

h3.body_cell_list_element_title {
    color: #4d5163;
    line-height: 22px;
    font-weight: 600;
    font-size: 0.83em;
    margin: 0;
}

.body_cell_list_element.special >
h3.body_cell_list_element_title {
    margin-bottom: 5px;
}

td.header_cell {
    background-color: #edf2f8;
    max-width: 191px;
}

td.header_cell_left {
    border-radius: 10px 0 0 0;
}
td.header_cell_right {
    border-radius: 0 10px 0 0;
}

.rsync_link {
    text-decoration: underline;
}
/* FAQ */

/* FOOTER */
footer.footer_page {
    display: flex;
    justify-content: center;
    flex-direction: row;
    background-color: var(--blue_footer);
    padding-top: 70px;
    padding-bottom: 70px;
    gap: 53px;
    align-items: flex-end;
}

.footer_block {
    display: flex;
    flex-direction: column;
    max-width: 300px;
    text-align: center;
    gap: 27px;
    font-size: 1.11em;
    align-items: center;
}
/* FOOTER */

/* TOOLTIP */
/* END TOOLTIP */

/* MEDIA RESPONSIVE */

@media (max-width: 1530px) {
    .review_block > h2.subbanner_title {
        margin-left: 14%;
        margin-right: 14%;
    }

    .seen_on_images,
    .seen_on_block {
        gap: 45px;
    }
}

@media (max-width: 1335px) {
    .seen_on_images,
    .seen_on_block {
        gap: 30px;
    }
    div.head_banner_separator {
        gap: 5%;
    }
    .seen_on_block {
        width: initial;
    }
    ul.green_check_list {
        width: initial;
    }
    .interactive_block {
        width: initial;
    }
    .grid_available_options {
        column-gap: 30px;
        font-size: 0.88em;
    }
    .available_option {
        gap: 5px;
    }
    .subbanner_line_block.alternate > img.banner_image {
        width: 280px;
        height: auto;
        aspect-ratio: auto;
    }
    .review_block > h2.subbanner_title {
        margin-left: 8%;
        margin-right: 8%;
    }

    .get_help_block {
        padding: 30px;
    }

    a.button_rendezvous {
        padding: 11px 25px 10px 25px;
        gap: 10px;
    }

    footer.footer_page {
        gap: 15px;
    }
}

@media (max-width: 1024px) {
    .grid_available_options {
        width: auto;
    }

    .interactive_block {
        padding: 20px;
    }

    .head_banner_info,
    .head_banner_interactive {
        align-items: normal;
    }

    .subbanner_line {
        gap: 30px;
    }

    .subbanner_grid {
        margin: 50px 5%;
        gap: 30px;
    }
    .subbanner_line_block.alternate > img.banner_image {
        width: 220px;
        height: auto;
        aspect-ratio: auto;
    }
    .review_block > h2.subbanner_title {
        margin-left: 2%;
        margin-right: 2%;
    }

    .caroussel_line_double.reverse,
    .caroussel_line_double {
        animation-duration: 60s;
    }

    .faq_question_q {
        gap: 5px;
    }

    .grid_available_options {
        column-gap: 15px;
        width: max-content;
    }

    .seen_on_block {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .info_line {
        gap: 5%;
    }
}

@media (max-width: 950px) {

    a.buy_now_button::before {
        content: "Commander";
    }
    .review_title {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }

    .faq_question {
        width: initial;
    }

    .animated_seen {
        display: flex;
    }

    .seen_on_animated{
        display: flex;
        flex-direction: row;
        white-space: nowrap;
        overflow: hidden;
        width: max-content;
        gap: 30px;
        animation: scrollText 30s infinite linear;
    }
}

@media (max-width: 768px) {
    h2.subbanner_title {
        font-size: 1.95em;
    }

    div.head_banner_separator {
        /* gap: 40px; */
        flex-direction: column;
        align-items: center;
    }

    .user_review_block {
        display: none;
    }

    .user_review_block.mobile {
        display: flex;
        margin-top: 40px;
    }

    .seen_on_block {
        flex-direction: column;
        align-items: flex-start;
    }

    .navbar_link:first-child {
        display: none;
    }

    div.interactive_slider_trigger {
        padding: 7px 10px 8px 10px;
    }

    div.interactive_slider_trigger.highlighted {
        padding: 7px 15px 8px 15px;
    }

    .interactive_slider_size {
        display: grid;
        grid-template-areas: "a a c" "b b b";
        gap: 0;
    }

    .min_range_slider {
        grid-area: a;
    }

    .max_range_slider {
        grid-area: c;
    }

    .interactive_slider_item {
        grid-area: b;
    }

    .interactive_slider_trigger.small {
        padding-left: 5px;
        padding-right: 5px;
    }

    .interactive_slider_trigger.small.highlighted {
        padding-left: 5px;
        padding-right: 5px;
    }

    h2.subbanner_title {
        margin-left: 0;
        margin-right: 0;
    }
    span.subbanner_subtitle {
        margin-left: 0;
        margin-right: 0;
    }

    .subbanner_line {
        flex-direction: column;
    }

    .subbanner_grid {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .subbanner_grid_block {
        align-items: center;
    }

    .subbanner_grid_block > .subbanner_line_text {
        text-align: center;
    }

    .subbanner_line_block.alternate {
        text-align: center;
        align-items: center;
    }
    .subbanner_line_block.alternate > img.banner_image {
        width: 300px;
        height: auto;
        aspect-ratio: auto;
    }

    .review_caroussel_block {
        max-width: 315px;
    }

    .review_caroussel {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: auto;
    }

    .animated_caroussel_lines {
        align-items: center;
    }

    .caroussel_line_double.reverse {
        display: none;
    }

    div.review_caroussel.top:last-child {
        display: none;
    }

    .caroussel_line_double {
        animation: none;
    }

    .faq_answer {
        padding-right: 15px;
    }

    td.body_cell:first-child {
        padding-left: 5px;
    }

    .get_help_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .get_help_left {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .get_helf_left_content {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    .get_help_left_text,
    .get_help_left_title {
        text-align: center;
    }

    footer.footer_page {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .info_line {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }
}

@media (max-width: 599px) {
    .head_banner_main_title .sponso_ezstore {
        margin-top: 20px; 
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    div.head_banner_separator {
        margin-top: 10px;
    }
}

@media (max-width: 500px) {
    .grid_available_options {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .available_option:nth-child(n) {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #CDDBEC;
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .available_option:first-child {
        margin-top: 0;
    }

    .available_option:last-child {
        padding-bottom: 0;
        border: none;
    }

    div.head_banner_separator {
        align-items: stretch;
    }

}

/* Mesure d'urgences, quelques modifs pour des écrans très petits */
@media (max-width: 300px) {
    a.buy_now_button {
        padding: 17px 15px 18px 15px;
        gap: 10px;
    }

    .interactive_slider {
        flex-direction: column;
    }

    .user_review_info {
        flex-direction: column;
    }

    .a.button_rendezvous {
        width: initial;
    }
}


/* MEDIA RESPONSIVE */

@media screen and (max-width: 650px) {
    table {
      border: 0;
      width: 100%;
    }
  
    table caption {
      font-size: 1.3em;
    }

    .header_left {
        border-bottom: 1px solid #ddd;
    }

    tr.header_row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .cell_button {
        margin: 0;
        padding: 7px 11px 7px 11px;
    }

    div.header_left > .cell_title,
    div.header_right > .cell_title {
        margin: 0;
    }

    .header_left, .header_right {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        gap: 15px;
    }

    td.header_cell.header_cell_right,
    td.header_cell.header_cell_left {
        border-radius: 0;
        max-width: unset;
    }

    .transparent_cell {
        display: none;
    }
 
    table > tbody > tr {
      border-bottom: 3px solid #ddd;
      display: block;
      border: none;
    }
    
    table > tbody > tr > td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
    }
    
    table td:last-child {
      border-bottom: 0;
    }

    h3.body_cell_title {
        text-align: center;
    }

    td.body_cell:not(:first-child) {
        max-width: unset;
    }

    .body_cell.empty {
        display: none;
    }    

    tr:not(:first-child) td.body_cell.last {
        border-bottom: 1px solid #ddd;
    }

    .body_cell {
        border-radius: 0 !important;
    }

    .iframe_clouddrive {
        width: auto;
        height: auto;
    }

    a.buy_now_button {
        padding: 17px 30px 18px 30px;
    }
  }