/* media query */

@media (min-width:769px) {
    html {
        font-size: .5208333333333333vw;
    }
    .hide_desk {
        display: none !important;
    }
}

@media (max-width:768px) {
    html {
        scroll-behavior: unset;
        font-size: 2.525581395348837vw;
    }
    body {
        overflow-x: hidden;
    }
    .desk {
        display: none;
    }
    .mob {
        display: block;
    }
    .centerPadding_5 {
        margin: 0 4%;
    }
    .centerPadding_8 {
        margin: 0 4%;
    }
    /* Debut  header */
    .blocHeader {
        background-image: url(../images/back-header-mb.jpg);
        background-position-y: 70%;
        flex-direction: column;
        justify-content: flex-end;
        touch-action: none;
    }
    #header {
        position: fixed;
        height: 6.856rem;
        z-index: 4;
    }
    #header.on_scroll {
        background-color: #ffffff;
        color: var(--color-bleufonce);
    }
    .logo {
        width: 13.25rem !important;
        height: 4.4rem !important;
    }
    .logo a {
        height: 100%;
    }
    .cadreHeader {
        width: 94%;
        height: 100%;
        margin: 0 auto;
        align-items: center;
    }
    .cadreHeader::after {
        content: none;
    }
    .cont_header_left {
        width: 29rem !important;
        padding-left: 0 !important;
        height: 100% !important;
        box-shadow: none !important;
    }
    [lang="en"] .cont_header_left {
        width: 27rem !important;
    }
    .cont_header_right {
        position: fixed;
        top: -100%;
        right: 0;
        width: 84.5% !important;
        height: auto;
        flex-direction: column;
        background-color: #ffffff;
        padding: 6.5rem 2rem 3rem 2rem;
        border-radius: 0;
        border-bottom-left-radius: 1rem;
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        transition: .5s;
    }
    .cont_header_right.affiched {
        top: 0;
        visibility: visible;
        opacity: 1;
    }
    .indicat_logo {
        font-size: 1.083rem !important;
        margin-right: 0 !important;
    }
    .indicat_logo::before {
        height: 85% !important;
        top: 50%;
        transform: translateY(-50%);
        left: -1.5rem !important;
    }
    /* .indicat_logo ul li {
        line-height: 1.15;
    } */
    .burger {
        /* margin: auto; */
        width: 3.4rem;
        height: 2.3rem;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }
    .burger .line {
        background-color: #ffffff;
        height: 0.3rem;
        position: absolute;
        width: 3.4rem;
        left: 0;
        transition: all 0.3s ease;
        border-radius: 1rem;
    }
    .burger.clicked .line {
        background-color: var(--color-orange2) !important;
    }
    #header.on_scroll .burger .line {
        background-color: var(--color-bleufonce);
    }
    /* Position initiale */
    .line:nth-child(1) {
        top: 0;
    }
    .line:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }
    .line:nth-child(3) {
        bottom: 0;
    }
    /* ===== ETAT CLICKED ===== */
    .burger.clicked .line:nth-child(1) {
        top: 50%;
        transform: translateY(-50%) rotate(40deg);
    }
    .burger.clicked .line:nth-child(2) {
        opacity: 0;
    }
    .burger.clicked .line:nth-child(3) {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%) rotate(-40deg);
    }
    /* menu */
    .menu,
    [lang="en"] .menu {
        width: 100%;
    }
    .menu ul {
        flex-direction: column;
        align-items: flex-end;
    }
    .menu ul li {
        line-height: 4;
    }
    .menu ul li::after {
        width: 3rem;
        height: 0.2rem;
        right: 0;
        top: 100%;
    }
    .menu ul li a {
        color: #000000;
    }
    /* langue */
    .dropdown-el {
        display: none;
    }
    .container_radio {
        position: absolute;
        left: 3rem;
        top: 2rem;
        width: 15rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* margin-bottom: 2rem; */
        /* padding-right: 2rem; */
    }
    .radio-group {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        /* border: 2px solid #000; */
        width: 13rem;
    }
    .radio-group input {
        display: none;
    }
    .radio-group label {
        width: 6rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /* padding: 0.5rem 0; */
        border-radius: 3rem;
        cursor: pointer;
        font-size: 1.4rem;
        line-height: 3rem;
        padding-top: 0.25rem;
        text-align: center;
        background: #EBEBEB;
        color: #000000;
        box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
        transition: all 0.3s ease;
    }
    .radio-group label span {
        display: inline-block;
    }
    /* état sélectionné */
    .radio-group input:checked+label {
        background: #ffffff;
        box-shadow: 0 0 0 0.1rem rgba(230, 118, 53, 1);
        -webkit-box-shadow: 0 0 0 0.1rem rgba(230, 118, 53, 1);
        -moz-box-shadow: 0 0 0 0.1rem rgba(230, 118, 53, 1);
        /* color: #fff; */
    }
    /* fin header */
    /* debut accroche */
    .accroche {
        background-image: url(../images/back_slide_mb.webp);
        justify-content: flex-end;
        height: calc(100vh - 5.8rem);
        /* height: 100vh; */
    }
    .contentAccroche {
        width: 35rem;
        padding-bottom: 18.4rem;
        margin: 0 auto;
        text-shadow: 0 0 0.5rem #000000;
    }
    .title_accroche {
        font-size: 1.3rem;
    }
    .title_accroche::after {
        width: 86%;
    }
    [lang="en"] .title_accroche::after {
        width: 95.5%;
    }
    h1 {
        font-size: 2.15rem;
    }
    .contentAccroche p {
        width: 100%;
        height: auto;
        font-size: 1.65rem;
        margin: 2.5rem auto 0;
    }
    /* fin accroche */
    /* DEBUT .why-transmit */
    .why-transmit {
        padding: 0rem 0 2rem;
    }
    .accroche_mob {
        font-size: 1.65rem;
        color: #ffffff;
        width: 100%;
        padding: 5rem 3.5rem;
        background: linear-gradient(to right, #E67635 0%, #8A3809 100%);
        margin-top: 0;
    }
    .blc {
        width: 33rem;
        text-align: left;
    }
    .title_section {
        font-size: 2.4rem;
        line-height: 1.4;
        text-align: left;
        width: 33rem;
        margin: 0 auto;
    }
    .under_title_section {
        font-size: 1.8rem;
        margin-top: 1rem;
        margin-bottom: 3rem;
    }
    .cards {
        flex-direction: column;
        margin-bottom: 0;
    }
    .card {
        width: 100%;
        height: 18rem;
        margin-bottom: 3rem;
    }
    .card.active {
        height: 68.5rem;
    }
    .text_hexagone {
        font-size: 1.8rem;
        width: 29rem;
        text-align: center;
    }
    .content_card {
        border-radius: 1rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: 18rem;
    }
    /* .card.active .content_card {
        height: 18rem;
    } */
    .pop_card {
        bottom: unset;
        top: unset;
        position: relative;
        height: 0;
        transition: .3s;
    }
    .card.active .pop_card {
        bottom: unset;
        height: 100%;
        transition: .3s;
    }
    .hexagon {
        width: 28rem;
        height: 13rem;
    }
    .close_pop_card {
        display: none;
    }
    .title_pop_card {
        display: none;
    }
    .corps_pop_card {
        font-size: 1.8rem;
    }
    .corps_pop_card p {
        margin-top: 0;
        margin-bottom: 2.5rem;
    }
    .footer_pop_card {
        font-size: 1.8rem;
    }
    .why-transmit .cta_lp {
        display: none;
    }
    /* fin why-transmit */
    /* DEBUT .temoignages  */
    .temoignages {
        padding: 5rem 0;
        background: #8A3809;
        background: linear-gradient(315deg, rgba(138, 56, 9, 1) 60%, rgba(230, 118, 53, 1) 100%);
    }
    .blc_temoignages {
        flex-direction: column;
        width: 100%;
    }
    .pic_temoigneges {
        width: 19.051rem;
    }
    .content_temoignages {
        font-size: 1.8rem;
        width: 100%;
    }
    /* fin temoignages  */
    /* DEBUT .transmission_modes  */
    .transmission_modes {
        padding: 4rem 0;
    }
    .transmission_list {
        width: 33rem;
        margin-top: 3rem;
    }
    .transmission_item {
        flex-direction: column;
        height: auto;
        padding-bottom: 2rem;
    }
    .transmission_item .cta_lp {
        display: inline-flex;
        font-size: 1.4rem;
        padding: 1rem 2.5rem;
        border-radius: 0.4rem;
        margin: 0 auto;
    }
    .cta_lp.cta_section {
        display: none;
    }
    .pic_transmission {
        width: 100%;
        height: 18rem;
    }
    .pic_transmission .label {
        width: 20.661rem;
        height: 7.593rem;
        right: 50%;
        top: 95%;
        transform: translate(50%, -50%);
        font-size: 2rem;
        text-align: center;
        padding-left: 0;
        justify-content: center;
    }
    .transmission_item .content {
        width: 29rem;
        font-size: 1.8rem;
        margin-right: 0;
        padding: 5rem 0 2rem;
    }
    /* fin transmission_modes   */
    /* FAQ */
    .faq {
        padding: 4rem 0;
    }
    .faq .blc {
        text-align: center;
    }
    .conteneurFaq {
        margin-top: 0;
        margin-bottom: 3rem;
    }
    .head_Faq {
        padding: 2rem 1.5rem;
        min-height: 13.6rem;
        font-size: 1.7rem;
    }
    .titleFaq {
        padding-left: 0rem;
        width: 24rem;
    }
    .itemFaq {
        /* height: 14.6rem; */
        margin: 2rem 0;
    }
    .head_Faq {
        min-height: 8.1rem;
    }
    .body_faq {
        width: auto;
        font-size: 1.8rem;
        /* font-weight: 400; */
        padding: 0 1.5rem 0 1.5rem;
        margin-top: -2rem;
    }
    .body_faq ul {
        padding-left: 3.8rem;
    }
    .chevron {
        width: 4.4rem;
        height: 4.4rem;
    }
    .faq .cta_lp {
        font-size: 1.8rem;
        border-radius: 1.4rem;
        padding: 2.2rem 1.5rem;
    }
    /* fin FAQ */
    /* DEBUT .contact_section */
    .contact_section {
        padding: 5rem 0 5rem;
        background: #8A3809;
        background: linear-gradient(315deg, rgba(138, 56, 9, 1) 60%, rgba(230, 118, 53, 1) 100%);
    }
    .contact_section .blc {
        width: 34rem;
    }
    .container_contact {
        flex-direction: column;
    }
    .pic_contact {
        width: 15.4rem;
        margin: 2rem auto;
    }
    .pic_contact img {
        width: 100%;
    }
    .content_contact {
        width: 100%;
    }
    .content_contact h3 {
        font-size: 2.4rem;
        line-height: 1.2;
    }
    .content_contact p {
        font-size: 1.8rem;
    }
    .name_responsable,
    .profession,
    .link_contact a {
        font-size: 1.8rem;
    }
    .link_contact a {
        text-decoration: underline;
    }
    .link_contact a::after {
        content: none;
    }
    /* fin .contact_section */
    /*  .timeline */
    .timeline {
        padding: 5rem 0 13rem;
        background-image: url(../images/back_timeline_mb.webp);
        text-align: left;
        height: auto;
    }
    .timeline .under_title_section {
        width: 33rem;
        margin: 1rem auto 0;
    }
    .under_timeline {
        /* display: none; */
        padding-left: 3rem;
        padding-right: 3rem;
        margin-bottom: 3rem;
    }
    .frise {
        margin-top: -5rem;
        overflow-x: scroll;
        /* masque le débordement */
        position: relative;
        cursor: grab;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .frise::-webkit-scrollbar {
        display: none;
    }
    .frise svg {
        width: 455rem;
        width: 505rem;
        position: relative;
        max-width: none;
        z-index: 2;
        margin-left: -20.6rem;
    }
    .timeline_rise {
        /* display: none; */
        width: 484.6rem;
        height: 6.9rem;
        top: 33.8%;
    }
    [lang="en"] .timeline_rise {
        top: 36.8%;
    }
    .timeline_arrow {
        position: absolute;
        top: 47.77%;
        width: 4rem;
        cursor: pointer;
        z-index: 3;
    }
    [lang="en"] .timeline_arrow {
        top: 49.4%;
    }
    .right_arrow_timeline {
        right: 1rem;
    }
    .left_arrow_timeline {
        display: none;
        left: 1rem;
        transform: rotate(180deg);
    }
    .bulle,
    .bulle_testateur {
        display: none;
    }
    /* fin .timeline */
    /* .merci */
    .merci_section {
        background-image: url(../images/back_merci_mb.webp);
        min-height: 30rem;
        padding-top: 1rem;
    }
    .merci_section h4 {
        font-size: 7.156rem;
    }
    [lang="en"] .merci_section h4 {
        font-size: 6rem;
    }
    .smallMerci {
        font-size: 1.908rem;
        margin-bottom: 2rem;
    }
    [lang="en"] .smallMerci {
        margin-top: 1.5rem;
    }
    /* fin .merci */
    /* .footer */
    .footer {
        padding: 5rem 0 13rem;
    }
    .container_footer {
        width: 33rem;
    }
    .container_footer {
        flex-direction: column;
        position: relative;
    }
    .first_container {
        width: 25.941rem;
        margin: 0 auto;
    }
    .socialMedia_footer {
        margin-left: 0;
        top: 11rem;
    }
    .logo_footer {
        width: 16.8rem;
        margin-right: 0;
    }
    .link_footer {
        width: 100%;
        position: relative;
        margin-top: 3rem;
    }
    .link_footer::after,
    .link_footer::before {
        content: '';
        width: 100%;
        height: 0.2rem;
        background-color: #ffffff;
        position: absolute;
    }
    .link_footer::after {
        top: 0;
    }
    .link_footer::before {
        bottom: 0;
    }
    .link_footer a {
        text-align: center;
        display: block;
        margin: 2.5rem 0;
        text-decoration: underline;
    }
    .link_footer a::after {
        content: none;
    }
    .pipe {
        display: none;
    }
    .don_confiances {
        width: 5.893rem;
    }
    .don_confiances img {
        width: 100%;
        display: block;
    }
    .last_container {
        flex-direction: column;
        margin-top: 8rem;
    }
    .infos_donnees {
        width: 100%;
        font-size: 1.6rem;
    }
    .infos_donnees a {
        color: #ffffff;
        text-decoration: underline;
    }
    .infos_donnees a::after {
        content: none;
    }
    /* fin .footer */
    .credits_popup {
        transition: .3s;
        width: 90%;
    }
    /* ── Bottom-fixed sidebar ── */
    .hide_mob {
        display: none !important;
    }
    .sidebar {
        position: fixed !important;
        bottom: 0 !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        /* Closed: slim bottom bar */
        height: 7.6rem;
        min-height: unset;
        transform: none !important;
        border-radius: 5rem 5rem 0 0;
        border: none;
        flex-direction: column;
        /* Smooth slide-up */
        /* overflow: hidden; */
        /* cachée au départ */
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: opacity .3s ease, height .45s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .sidebar.show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .sidebar.closed {
        min-height: initial;
    }
    /* Opened: expands upward */
    .sidebar.opened {
        height: 28.2rem;
        transform: none !important;
        align-items: unset;
        justify-content: unset;
        /* overflow-y: auto; */
    }
    .sidebar.opened.courrier_m,
    .sidebar.opened.email_m {
        height: auto;
        max-height: calc(100vh - 15.6rem);
    }
    /* .place_cookies {
        position: absolute;
        top: 0;
        width: 100%;
    } */
    .step {
        background-color: transparent;
        border-radius: 0;
    }
    .vertical-text span {
        display: block;
        font-size: 1.4rem;
        line-height: 1.4rem;
        font-weight: 300;
    }
    /* ── Toggle arrow holder ──
       Closed: sits in the same row as the CTA text (hidden behind collapsed content)
       Opened: becomes a dedicated top bar inside the panel */
    .btnArrow_holder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4rem;
        cursor: pointer;
        transform: none;
        overflow: visible;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        z-index: 10;
        /* pointer-events: none; */
        /* let clicks through to the collapsed bar when closed */
    }
    /* When sidebar is open, arrow holder becomes a normal flow block */
    .sidebar.opened .btnArrow_holder {
        /* position: relative; */
        /* pointer-events: auto; */
    }
    .btnArrow_container {
        width: 6rem;
        height: 2rem;
        /* pointer-events: auto; */
        /* always catch clicks on the arrow itself */
    }
    .btnArrow {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 0 0 3rem 3rem;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.2);
        padding-right: 0;
    }
    /* Arrow chevron points UP when closed */
    .btnArrow img {
        width: 0.81rem;
        transform: rotate(90deg);
        transition: transform 0.4s ease;
    }
    /* Arrow chevron points DOWN when open */
    .sidebar.opened .btnArrow img {
        transform: rotate(-90deg);
    }
    .sidebar.opened.courrier_m .btnArrow,
    .sidebar.opened.email_m .btnArrow {
        /* width: 1rem; */
        /* height: 1rem; */
        background-image: url('../images/form_x.svg');
        background-size: 1rem 1rem;
        background-repeat: no-repeat;
        background-position: center;
    }
    .sidebar.opened.courrier_m .btnArrow img,
    .sidebar.opened.email_m .btnArrow img {
        display: none;
    }
    #sidebar-form {
        display: none;
    }
    .sidebar.courrier_m.opened #sidebar-form,
    .sidebar.email_m.opened #sidebar-form {
        display: flex !important;
        background-color: #ffffff;
        padding: 2rem 2rem 1.5rem 2rem;
    }
    .form-legalese {
        font-size: 1rem;
    }
    /* ── Closed CTA bar (full-width row, sits behind the arrow) ── */
    .sidebar-collapsed-content {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0 0rem;
        /* leave room so text doesn't overlap the pill */
        height: 100%;
        flex-shrink: 0;
        position: relative;
        cursor: pointer;
        /* entire bar is tappable */
    }
    /* Remove decorative vertical line */
    .sidebar-collapsed-content::after {
        display: none;
    }
    /* Hide the decorative person image in the closed bar */
    .sidebar-collapsed-content img {
        display: none;
    }
    /* CTA text – horizontal on mobile */
    .vertical-text {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 1.8rem;
        line-height: 140%;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
    }
    /* Hide collapsed bar when panel is open */
    .sidebar.opened .sidebar-collapsed-content {
        display: none;
    }
    /* ── Expanded form content ── */
    .sidebar-content {
        min-width: unset;
        width: 100%;
        padding: 2rem 2rem 3rem;
        flex: 1;
        overflow-y: auto;
    }
    /* Hide form when closed */
    .sidebar.closed .sidebar-content {
        display: none;
    }
    /* Show form when open */
    .sidebar.opened .sidebar-content {
        display: flex;
    }
    .sidebar.opened.courrier_m .sidebar-content {
        padding: 2rem 0.8rem 1.5rem;
    }
    /* Title & subtitle inside the opened panel */
    .sidebar-collapsed-content2 {
        padding-top: 1.2rem;
    }
    .sidebar-collapsed-content2 h2 {
        font-size: 1.8rem;
        line-height: 100%;
        text-align: center;
        font-weight: 500;
        margin-bottom: 0;
    }
    .sidebar-collapsed-content2 h2::after {
        content: none;
    }
    .sidebar-collapsed-content2 h2 span {
        font-size: 1.4rem;
        line-height: 1.4rem;
        font-weight: 300;
        display: inline-block;
    }
    .sidebar-collapsed-content2 p {
        font-size: 1.4rem;
        line-height: 140%;
        text-align: center;
        font-weight: 300;
        width: 32.4rem;
        margin: 3.8rem auto 4.2rem auto;
        position: relative;
    }
    .courrier_m .sidebar-collapsed-content2 p,
    .email_m .sidebar-collapsed-content2 p {
        margin: 2.5rem auto;
    }
    .sidebar-collapsed-content2 p::after {
        content: '';
        position: absolute;
        top: -1.25rem;
        right: 50%;
        transform: translateX(50%);
        width: 8.4rem;
        height: 0.2rem;
        border-radius: 0.2rem;
        background-color: #ffffff;
    }
    .sidebar-collapsed-content2 p::before {
        content: '';
        position: absolute;
        bottom: -1.25rem;
        right: 50%;
        transform: translateX(50%);
        width: 8.4rem;
        height: 0.2rem;
        border-radius: 0.2rem;
        background-color: #ffffff;
    }
    .form-tabs {
        position: initial;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sidebar.courrier_m.opened .form-tabs,
    .sidebar.email_m.opened .form-tabs {
        display: none;
    }
    .step {
        padding: 0 !important;
    }
    .success-message {
        height: calc(100% - 4rem);
        /* display: none; */
    }
    .step.active2 .success-message {
        z-index: -1;
        opacity: 0;
    }
    .courrier_m .step.active2 .success-message,
    .email_m .step.active2 .success-message {
        z-index: 3;
        opacity: 1;
    }
    .sidebar-title {
        font-size: 2rem;
        margin-bottom: 0;
    }
    /* ── Form tabs (each tab 50 % width) ── */
    .form-tab-btn {
        width: 16.5rem;
        height: 5.6rem;
        border-radius: 2rem;
        background-color: #ffffff;
        position: initial;
        font-size: 1.6rem;
    }
    /* ── Ville / CP row: stack vertically ── */
    .form-group-1,
    .form-group-2 {
        flex-direction: column;
        gap: 0;
    }
    .form-group-1 .form-group:nth-child(1),
    .form-group-2 .form-group:nth-child(1) {
        width: 100%;
    }
    .form-group-1 .form-group:nth-child(2),
    .form-group-2 .form-group:nth-child(2) {
        width: 100%;
    }
    .form-group-2 .form-group:nth-child(2) .cp-boxes {
        width: auto;
        flex: 1;
    }
    .form-group-1 .form-group label {
        width: 11rem;
    }
    .form-group-1 .form-group:nth-child(2) label {
        width: 11rem;
    }
    /* ── Info interlocuteur: stack on mobile ── */
    .info-holder {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem;
        margin-top: 2rem;
        display: none;
    }
    .mob_title {
        text-align: center;
        color: var(--color-orange2);
        font-size: 1.6rem;
        line-height: 1.6rem;
        position: relative;
        margin-bottom: 1.5rem;
        position: relative;
        display: none;
        text-transform: uppercase;
        letter-spacing: -0.02rem;
    }
    .courrier_m .mob_title.mob_title_courrier,
    .email_m .mob_title.mob_title_email {
        display: block;
    }
    .mob_title::after,
    .mob_title::before {
        width: 9rem;
    }
    .mob_title.mob_title_email::after,
    .mob_title.mob_title_email::before {
        width: 10.5rem;
    }
    .mob_title::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        border-radius: 1px;
        background-color: var(--color-orange2);
    }
    .mob_title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        border-radius: 1px;
        background-color: var(--color-orange2);
    }
    .form-group label {
        width: 13rem;
        font-size: 1.8rem;
        line-height: 1.8rem;
    }
    .form-control {
        width: calc(100% - 13rem);
        font-size: 1.8rem;
        line-height: 1.8rem;
    }
    .form-group-2 .form-group:nth-child(1) label,
    .form-group-2 .form-group:nth-child(2) label {
        width: 7.5rem;
    }
    .form-group-2 .form-group:nth-child(1) .form-control,
    .form-group-2 .form-group:nth-child(2) .form-control {
        width: calc(100% - 7.5rem);
    }
    .form-control::placeholder {
        font-style: italic;
        font-size: 1.4rem;
        line-height: 1.4rem;
        transform: translateY(-0.4rem);
    }
    .cp-digit {
        /* width: 20%; */
        text-align: left;
        padding-left: 1.4rem;
    }
    .error-text {
        font-size: 1rem;
        top: calc(100% + 0.20rem);
    }
    /* tarteaucitron */
    #tarteaucitronIcon {
        /* bottom: 6.5rem !important; */
        top: -6rem;
        right: 0 !important;
        left: unset;
        position: absolute !important;
        z-index: 1 !important;
    }
    #tarteaucitronIcon #tarteaucitronManager {
        background-color: transparent !important;
    }
    #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
    #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
        font: 1.4rem 'Barlow' !important;
    }
    #tarteaucitronRoot div#tarteaucitronAlertBig {
        padding: 0rem !important;
        width: 52rem !important;
        max-width: 50rem !important;
    }
    #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
        font-size: 2.4rem !important;
    }
    #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
        margin: 2rem 0 4rem !important;
    }
    #tarteaucitronAlertBig #tarteaucitronCloseAlert,
    #tarteaucitronAlertBig #tarteaucitronPersonalize,
    #tarteaucitronAlertBig #tarteaucitronPersonalize2,
    .tarteaucitronCTAButton,
    #tarteaucitron #tarteaucitronPrivacyUrl,
    #tarteaucitron #tarteaucitronPrivacyUrlDialog,
    #tarteaucitronRoot .tarteaucitronDeny,
    #tarteaucitronRoot .tarteaucitronAllow {
        font-size: 2.4rem !important;
        padding: 0.5rem 1rem !important;
    }
}

@media (max-width:1920px) and (min-width:1024px) and (max-height:900px) {
    .sidebar {
        transform: translate(9.1%, -50%) scale(0.82);
    }
    .why-transmit {
        padding-bottom: 10rem;
    }
    .cards {
        transform: translateY(-7rem) scale(0.9);
        margin-bottom: 0;
    }
    .why-transmit .cta_lp {
        margin-top: -5rem;
    }
    .transmission_list {
        transform: translateY(-5rem) scale(0.86);
    }
    .cta_lp.cta_section {
        margin-top: -3rem;
    }
}