/* Responsive Styles */
:root {
    --primary-black: #000000;
    --primary-orange: #EB5C32;
    --primary-white: #ffffff;
    --primary-purple: #662885;
    --primary-pink: #D02C4F;
    --primary-purple2: #3D1850;
    --font-body: "Montserrat", sans-serif;
}

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

    .hide_mob {
        display: none !important;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 2rem 0;
        transition-duration: 0.3s;
        z-index: 30;
    }

    header .logo img:last-child {
        display: none;
    }

    .scrolled header {
        background-color: var(--primary-white);
        padding: 1.6rem 0 1.4rem 0;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    }

    .scrolled header .logo {
        width: 11.8rem !important;
    }

    .scrolled header .logo img:first-child {
        display: none;
    }

    .scrolled header .logo img:last-child {
        display: block;
    }

    /* Form Start */
    .form {
        position: fixed;
        z-index: 99;
        left: 0;
        right: initial;
        bottom: 0;
        top: initial;
        width: 100%;
        border-radius: 3.2rem 3.2rem 0 0;
        transform: initial;
        padding: 5rem 3rem 3rem 3rem;
        transform: translateY(100%);
        transition-duration: 0.5s;
        max-height: 100dvh;
        overflow-y: auto;
    }

    .form.active {
        transform: translateY(0);
    }

    .form h2 {
        font-size: 2.2rem;
        margin-bottom: 2rem;
        letter-spacing: -0.04rem;
    }

    .civility-text {
        padding: 1.2rem 0;
    }

    .pill-input {
        font-size: 1.6rem;
        width: calc(100% - 11.6rem);
    }

    .pill-label {
        padding: 1.3rem 1.4rem;
        width: 11.6rem;
        border-radius: 10rem 0 0 10rem;
    }

    .disclaimer-text {
        font-size: 1.4rem;
        line-height: 110%;
        margin-bottom: 2rem;
    }

    .checkbox-group {
        gap: 2.8rem;
    }

    .checkbox-text {
        font-size: 1.4rem;
        line-height: 110%;
    }

    .submit-btn {
        font-size: 2rem;
        padding: 1.8rem 3rem;
    }

    .form_img {
        width: 5.6rem;
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    /* Form End */

    .sec2_grid,
    .sec3_grid {
        display: block;
    }

    .section .container {
        max-width: 33rem;
        margin: 0 auto;
    }

    /* Section1 Start */
    .section1 {
        background-image: url(../img/section1_m.jpg);
        background-position: top center;
        height: 100svh;
        min-height: 100svh;
        padding-bottom: 9.2rem;
    }

    .section1 .container {
        max-width: 33.5rem;
        display: flex;
        flex-direction: column;
    }

    .logo {
        position: initial;
        transform: initial;
        margin: 0 auto;
        display: block;
        width: 15.4rem;
        transition-duration: 0.3s;
    }

    .section1 h1 {
        font-size: 2.2rem;
        margin-bottom: 1.8rem;
        order: 2;
    }

    .d-flex-center {
        order: 2;
        justify-content: flex-start;
        flex-direction: initial;
        margin-bottom: 1.8rem;
    }

    .section1 p {
        font-size: 1.8rem;
        margin-bottom: 1.8rem;
        order: 3;
    }

    .btn {
        z-index: 10;
        position: fixed;
        bottom: 3.2rem;
        left: 50%;
        transform: translateX(-50%);
        width: 32.1rem;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
    }

    .read_btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.4rem;
        font-size: 1.6rem;
        font-weight: 600;
        padding: 0.15rem 0.612rem;
    }

    .read_btn img {
        width: 1rem;
        margin: 0;
    }

    .btn {
        background-color: var(--primary-orange);
        color: var(--primary-white);
        border-radius: 1.4rem;
        height: 6rem;
        font-weight: 700;
        font-size: 2rem;
        border: 0;
        text-align: center;
        text-transform: uppercase;
    }

    /* Section1 End */

    /* Section2 Start */
    .section2 {
        padding: 4rem 0;
    }

    .section2 .container {
        max-width: initial;
        margin: 0 auto;
    }

    .section2 p {
        font-size: 1.8rem;
        line-height: 150%;
        margin-bottom: 0;
    }

    .p_mob {
        max-width: 33rem !important;
        margin: 0 auto;
    }

    .sec2_card {
        border-radius: 0;
        margin: 3rem auto;
        padding: 4rem 2.8rem;
    }

    .arrow_violet {
        display: none;
    }

    .section2 h3 {
        font-size: 2.2rem;
        margin-bottom: 3rem;
    }

    .sec2_grid {
        margin-bottom: 3rem;
    }

    .sec2_box:first-child {
        margin-bottom: 3.6rem;
    }

    .sec2_box {
        padding: 0;
    }

    .sec2_box h4 {
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin-bottom: 1.8rem;
        padding: 0.55rem 1.041rem 0.45rem 1.04rem;
    }

    .sec2_box p img {
        width: 2.8rem;
    }

    .sec2_box p {
        padding-left: 3.8rem;
        padding-right: 0;
    }

    .sec2_box:last-child {
        padding-left: 0;
    }

    .sec2_box:last-child::after {
        display: none;
    }

    .sec2_card h3:last-child {
        text-transform: initial;
        font-size: 2rem;
    }

    .section2 .p2 {
        margin-bottom: 3rem;
    }

    .section2 h3 {
        text-transform: uppercase;
    }

    /* Section2 End */

    /* Section3 Start */
    .section3 {
        padding: 4rem 0;
        overflow: hidden;
    }

    .section3 .container {
        max-width: initial;
    }

    .section3 h2 {
        font-size: 2.2rem;
        margin-bottom: 3rem;
        width: initial;
        max-width: 33rem;
        margin-right: auto;
        margin-left: auto;
    }

    .section3 p {
        font-size: 1.8rem;
        margin-bottom: 3rem;
        max-width: 33rem;
        margin-right: auto;
        margin-left: auto;
    }

    .sec3_box h3 {
        font-size: 2.2rem;
    }

    .sec3_box p {
        margin-bottom: 0;
    }

    .sec3_box[data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .sec3_box_holder {
        padding: 0 0.4rem;
    }

    .sec3_box {
        height: 40rem;
    }

    .sec3_grid .slick-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: -3.7rem;
    }

    .sec3_grid .slick-dots li {
        width: 1.4rem;
        height: 1.4rem;
        margin: 0 0.45rem;
    }

    .sec3_grid .slick-dots li button {
        width: 1.4rem;
        height: 1.4rem;
        padding: 0;
        border-radius: 50%;
        border: 1px solid var(--primary-white);
    }

    .sec3_grid .slick-dots li.slick-active button {
        background-color: var(--primary-white);
    }

    .sec3_grid .slick-dots li button::before {
        display: none;
    }

    .sec3_grid .slick-prev,
    .sec3_grid .slick-next {
        bottom: -4.4rem;
        z-index: 10;
        transform: initial;
        top: initial;
        width: 1.4rem;
        height: 2.8rem;
    }

    .sec3_grid .slick-prev,
    .sec3_grid .slick-prev:hover,
    .sec3_grid .slick-prev:focus {
        left: 10.95rem;
        background: url(../img/fleche_g.png) center/contain no-repeat;
    }

    .sec3_grid .slick-next,
    .sec3_grid .slick-next:hover,
    .sec3_grid .slick-next:focus {
        right: 10.95rem;
        background: url(../img/fleche_d.png) center/contain no-repeat;
    }

    .sec3_grid .slick-prev:before,
    .sec3_grid .slick-next:before,
    .sec3_grid .slick-prev.slick-disabled,
    .sec3_grid .slick-next.slick-disabled {
        display: none !important;
    }

    /* Section3 End */

    /* Footer Start */
    footer {
        padding: 4rem 0 12rem 0;
    }

    footer .container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-width: 26.6rem;
        margin: 0 auto;
        gap: 3rem;
    }

    .media_box {
        width: 4.4rem;
    }

    .footer_links {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .footer_links li {
        font-size: 1.6rem;
    }

    /* Footer End */
    /* section4 Start */
    .section4 {
        background-image: url(../img/femme_merci_ret_1x_m.jpg);
        padding: 0;
        align-items: flex-end;
        padding-bottom: 3rem;
        height: 46.2rem;
    }

    .section4 .container {
        max-width: 34rem;
    }

    .section4 .logo {
        top: 2rem;
        left: 50%;
        transform: translateX(-50%);
        width: 15.4rem;
    }

    .section4 h1 {
        font-size: 9.933rem;
        line-height: 9.933rem;
        margin-bottom: 0;
        text-align: center;
    }

    .section4 p {
        font-size: 2.183rem;
        line-height: 2.183rem;
        text-align: center;
    }

    /* section4 End */
    /* section5 Start */
    .section5 {
        padding: 4rem 0;
    }

    .section5 h2 {
        font-size: 2.2rem;
        line-height: 130%;
        margin-bottom: 3rem;
    }

    .section5 p {
        font-size: 1.8rem;
        line-height: 130%;
    }

    .section5 p:nth-child(3) {
        margin-bottom: 0;
    }

    .arrow_down2 {
        display: none;
    }


    /* section5 End */
    /* section6 Start */
    .section6 {
        padding: 4rem 0;
    }

    .bg_cardiac {
        display: none;
    }

    .slick_2 {
        display: flex;
        gap: 2rem;
        flex-direction: column;
    }

    .slick_2_slide img {
        display: none;
    }

    .slick_2_slide h3 {
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 1.4rem;
        font-weight: 900;
    }

    .slick_2_slide p {
        font-size: 2rem;
    }

    .slick_2_slide p br {
        display: none;
    }

    .slick_2_slide:nth-child(3) h3,
    .slick_2_slide:last-child h3 {
        font-size: 2.4rem;
    }

    .slick_2_slide h3 .big {
        font-size: 4rem;
    }

    /* section6 End */
    /* section7 Start */
    .section7 {
        padding: 4rem 0 5.8rem 0;
    }

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

    .section7 p {
        font-size: 1.8rem;
        margin-bottom: 2.4rem;
    }

    .media_grid2 {
        margin: 0 auto 2.85rem auto;
        width: 19.2rem;
    }

    .media_box2 {
        width: 4.4rem;
    }

    .copy_link button {
        font-size: 1.8rem;
    }

    .copy_link button img {
        height: 2.2rem;
    }

    /* section7 End */
    /* section8 Start */
    .section8 {
        padding: 4rem 0;
    }

    .section8 .container {
        display: block;
    }

    .block-right {
        width: auto;
    }

    .block-right h3 {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        font-weight: 500;
    }

    .section8 h2 {
        font-size: 2.2rem;
        margin-bottom: 3rem;
    }

    .img {
        margin-bottom: 3rem;
    }

    .section8 p {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }

    .sec8_grid {
        margin-top: 0;
        display: block;
    }

    .sec8_progress {
        width: 17.5rem;
        height: 19rem;
        margin: 0 auto 3rem auto;
    }

    .progress_bar {
        width: 11.4rem;
    }

    .progress_bar_1 {
        height: 19rem;
        padding-top: 2.5rem;
    }

    .progress_bar_1 svg,
    .progress_bar_1 img {
        width: 6.8rem;
    }

    .progress_bar_2 {
        border: 0.327rem solid var(--primary-white);
    }

    .progress_bar_2.filled {
        height: 6.464rem;
    }

    .progress_bar_2 svg,
    .progress_bar_2 img {
        width: 5.7rem;
    }

    .arrow_b {
        width: 8rem;
        top: 5.28rem;
        right: -1.125rem;
    }

    .sec8_txt {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sec8_txt p:nth-child(1) {
        order: 2;
    }

    .sec8_txt p:nth-child(2) {
        order: 1;
    }

    .sec8_txt .primary_btn:nth-child(3) {
        order: 3;
    }

    .sec8_txt p:nth-child(3) br {
        display: none;
    }

    .primary_btn {
        font-size: 2.4rem;
        line-height: 2.4rem;
        padding: 1.8rem 4.05rem;
    }

    /* section8 End */
    footer.footer2 {
        padding-bottom: 6rem;
    }

    .slick_2_slide,
    .slick_2_slide h3,
    .slick_2_slide h3 span {
        text-align: center;
    }
}

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

    .hide_desk {
        display: none !important;
    }

    .submit-btn:hover,
    .primary_btn:hover {
        transform: translateZ(0) scale(1.05);
    }

    .civility-btn input:hover+.civility-text {
        background-color: #F0EAF3;
        background-color: var(--primary-purple);
        color: var(--primary-white);
    }

    .input-pill:hover {
        border: 1.5px solid var(--primary-purple);
    }

    .input-pill:focus-within {
        border: 1.5px solid var(--primary-purple);
    }

    .media_box:hover {
        transform: translateZ(0) scale(1.25);
    }

    .media_box2:hover {
        transform: translateZ(0) scale(1.1);
    }

    .copy_link button {
        transform: translateZ(0) scale(1);
        transform-origin: center center;
        will-change: transform;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
    }

    .copy_link button:hover {
        font-weight: 700;
    }

    .copy_link button:hover span {
        text-decoration: none;
        font-weight: 700;
    }

    .section2 *[data-aos],
    .section8 *[data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .sec3_box {
        min-height: 40.5rem;
    }

    .form {
        transition-duration: 0.3s;
    }

    body.footer-visible .form {
        top: calc(50% - 3.5rem);
    }

}