#lp_trombose {

    & .title {
        color: #012965;
        font-size: 50px;
        font-family: "SST Roman";
        font-weight: 500;
        text-align: center;

        & strong {
            color: #00BECC;
            font-family: "SST Bold";
        }
    }

    & .section_about_trombose {
        padding: 80px 0;

        & .content_links {
            display: flex;
            align-items: center;
            gap: 22px;

            & p {
                color: #003C71;
                font-family: "SST bold";
                font-size: 25px;
                font-weight: bold;
            }

            & .links {
                display: flex;
                gap: 12px;
            }
        }

        & .content_about {
            margin-top: 50px;

            & h1 {
                color: #012965;
                font-family: "SST Roman";
                font-size: 60px;

                & strong {
                    color: #00BECC;
                    font-family: "SST bold";
                }
            }

            & p {
                color: #828282;
                font-family: "SST Roman";
                margin-top: 25px;
                max-width: 560px;
            }

            & .content_video {
                position: relative;

                /* & .after::after {
                    position: absolute;
                    background: transparent linear-gradient(180deg, #00BECC 0%, #3585FE 100%) 0% 0% no-repeat padding-box;
                    width: 260px;
                    height: 260px;
                    content: '';
                    right: -18px;
                    top: -14px;
                    z-index: -1;
                } */
            }
        }


    }

    & .section_types_trombose {
        background-color: #E6F0FF;
        padding-top: 80px;
        padding-bottom: 150px;

        & h2 {
            color: #012965;
            font-size: 60px;
            text-align: center;
            font-family: "SST Roman";
            font-weight: 500;

            & strong {
                color: #00BECC;
                font-family: "SST bold";
            }
        }


        & .content_cards {
            display: flex;
            justify-content: center;
            margin-top: 50px;
            gap: 14px;
        }

        & .card_type {
            background: white;
            padding: 0;
            padding-bottom: 30px;
            width: 400px;
            transition:
                max-height 0.5s ease-in,
                opacity 0.5s ease-in,
                visibility 0.5s ease-in;

            &.card_type:not(.open) {
                max-height: 427px;
                opacity: 1;
                visibility: visible;
            }

            /* quando está aberto */
            &.open {
                max-height: 600px;
                /* altura maior para caber tudo */
                opacity: 1;
                visibility: visible;
            }

            & .chevron-up {
                display: none;
            }

            &.open {
                & .chevron-up {
                    display: block;
                }

                & .chevron-down {
                    display: none;
                }
            }

            & img {
                width: fit-content;
            }

            & .flex {
                display: flex;
                gap: 8px;
                margin-top: 30px;
                padding: 0 23px;
                align-items: center;
                justify-content: center;

                & button {
                    background: none;
                    border: none;
                    line-height: 0;
                    height: 0;
                }

                & h3 {
                    color: #012965;
                    font-family: "SST bold";
                    font-size: 32px;
                    text-align: center;
                    max-width: 430px;
                }
            }



            & .preview {
                max-height: 0;
                overflow: hidden;
                opacity: 0;
                visibility: hidden;
                transition:
                    opacity 0.5s ease-in,
                    max-height 0.5s ease-in,
                    visibility 0.5s ease-in;

                color: #828282;
                font-size: 18px;
                font-family: "SST roman";
                text-align: center;
                padding: 0 23px;

            }

            &.open .preview.visible {
                max-height: 500px;
                opacity: 0.9;
                visibility: visible;
            }






        }
    }

    & .section_factors {
        padding-top: 80px;
        padding-bottom: 50px;

        & .content_items {
            display: flex;
            justify-content: center;
            gap: 50px;
            padding-bottom: 10px;
            border-bottom: 4px solid #E2E2E2;

            & .flex {
                width: 520px;
                display: flex;
                align-items: center;
                gap: 12px;

                & p {
                    color: black;
                    font-size: 32px;
                    /* max-width: 460px; */
                    font-family: "SST Roman";

                    & strong {
                        font-family: "SST bold";
                    }
                }


            }

            &>p {
                max-width: 1000px;
            }
        }

        & .content_text_about {
            margin-top: 120px;
            display: flex;
            align-items: center;

            & h2 {
                color: #012965;
                font-family: "SST Roman";
                font-weight: 500;
                font-size: 60px;
                margin: 0 auto;
                max-width: fit-content;

                & strong {
                    color: #00BECC;
                    font-family: "SST bold";
                }
            }

            & div.bg {
                background-color: #012965;
                padding: 33px 80px;
                color: white;
                font-family: "SST bold";
                font-size: 23px;
                text-align: center;
            }
        }

        & .carrosel_items {
            margin-top: 75px;

            & .item {
                background: #E6F0FF;
                padding: 26px 30px;
                display: flex;
                flex-direction: column;
                gap: 18px;
                align-items: baseline;
                height: 281px;

                & p {
                    color: #333333;
                    font-family: "SST Condensed Bold";
                    font-size: 16px;
                    max-width: 202px;
                }
            }

            & .swiper {
                width: 100%;
                height: 350px;



                & .swiper-slide {
                    width: auto;
                }


            }

            & .swiper-button-next {
                background: no-repeat center/contain url("../images/lp-trombose/chevron-right.svg");
                right: var(--swiper-navigation-sides-offset, -70px);
            }

            & .swiper-button-prev {
                background: no-repeat center/contain url("../images/lp-trombose/chevron-left.svg");
                left: var(--swiper-navigation-sides-offset, -20px);
            }

            & .swiper-button-prev,
            & .swiper-button-next {
                width: 50px;
                height: 50px;
                top: 50%;
                transform: translate(-50%, -50%);
            }

            & .swiper-button-next:after,
            & .swiper-button-prev:after {
                display: none;
            }

            & .swiper-button-next svg,
            .swiper-button-prev svg {
                display: none;
            }

            & .swiper-pagination-bullets.swiper-pagination-horizontal {
                bottom: var(--swiper-pagination-bottom, 30px);
            }

        }
    }

    & .section_symptoms {
        background: #F2F2F2;
        padding-top: 80px;
        padding-bottom: 100px;

        & h2 {
            text-align: center;
            color: #012965;
            font-family: "SST Roman";
            font-weight: 500;
            font-size: 60px;

            & strong {
                color: #00BECC;
                font-family: "SST bold";
            }
        }

        & .row:nth-child(2) {
            margin-top: 50px;

            & div {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px;

                & p {
                    color: #012965;
                    font-family: "SST bold";
                    font-size: 28px;
                    text-align: center;
                }
            }
        }
    }

    & .section_banner {
        background-image: url("../images/lp-trombose/bg-desk-2.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 700px;
        display: flex;
        align-items: center;

        & .container {
            display: flex;
            justify-content: flex-end;
            margin-left: -20px;

            & .content {
                max-width: 840px;



                & h3 {
                    font-family: "SST Roman";
                    font-weight: 500;
                    font-size: 60px;
                    color: white;

                    & strong {
                        color: #00EEFF;
                        font-family: "SST bold";
                    }
                }

                & p {
                    color: white;
                    font-family: "SST Roman";
                    font-size: 22px;
                    max-width: 630px;
                    margin-top: 40px;
                }
            }
        }


    }

    & .section_treatments {
        margin-top: 100px;
        padding-bottom: 103px;


        & .row:nth-child(1) {
            /* & .after::after {
                position: absolute;
                background: transparent linear-gradient(180deg, #00BECC 0%, #3585FE 100%) 0% 0% no-repeat padding-box;
                width: 260px;
                height: 260px;
                content: '';
                left: -14px;
                bottom: -14px;
                z-index: -1;
            } */

            & .after {
                height: 100%;

                & img {
                    object-fit: cover;
                    height: 100%;
                }
            }

            & .content_text {
                display: flex;
                flex-direction: column;
                gap: 16px;

                &>.bg {
                    background: #012965;
                    font-family: "SST Condensed Bold";

                    padding: 35px 80px;

                    & p {
                        color: white;
                        font-size: 32px;
                    }
                }

                & .text p {
                    color: #828282;
                    font-size: 22px;
                }

                & .footer {
                    display: flex;
                    align-items: center;
                    gap: 14px;

                    & .bg {
                        background: transparent linear-gradient(180deg, #00BECC 0%, #3585FE 100%) 0% 0% no-repeat padding-box;
                        width: 20px;
                        height: 100%;
                    }

                    & p {
                        color: #012965;
                        font-family: "SST Condensed Bold";
                        font-size: 28px;
                    }
                }
            }
        }

        & .row:nth-child(2) {
            margin-top: 100px;

            & div:first-child {
                display: flex;
                flex-direction: column;
                gap: 30px;
            }

            /* & .after::after {
                position: absolute;
                background: transparent linear-gradient(180deg, #00BECC 0%, #3585FE 100%) 0% 0% no-repeat padding-box;
                width: 260px;
                height: 260px;
                content: '';
                right: -14px;
                top: -14px;
                z-index: -1;
            } */

            & .after {
                height: 100%;

                & img {
                    object-fit: cover;
                    height: 100%;
                }
            }

            & h3 {
                color: #012965;
                font-size: 50px;
                font-family: "SST Roman";
                font-weight: 500;

                & strong {
                    color: #00BECC;
                    font-family: "SST Bold";
                }
            }

            & p.text {
                color: #828282;
                font-size: 22px;
                font-family: "SST Roman";
            }

            & .footer {
                display: flex;
                align-items: center;
                gap: 14px;

                & .bg {
                    background: transparent linear-gradient(180deg, #00BECC 0%, #3585FE 100%) 0% 0% no-repeat padding-box;
                    width: 12px;
                    height: -webkit-fill-available;
                }

                & p {
                    color: #012965;
                    font-family: "SST Condensed";
                    font-weight: 500;
                    font-size: 28px;

                    & strong {
                        font-family: "SST Condensed Bold";
                    }
                }
            }
        }

        & .item {
            display: flex;
            flex-direction: column;
            gap: 12px;

            & img {
                width: fit-content;
            }

            &.acorrdion {
                &.open {
                    & .up {
                        display: block;
                    }

                    & .down {
                        display: none;
                    }

                }

                &.open p.preview {
                    display: block !important;
                    margin-top: -35px;

                }
            }

            & .flex_icon_acorrdion {
                display: flex;
                align-items: start;
                gap: 8px;

                & button {
                    padding: 0;
                    border: none;
                    margin-top: 5px;
                    background: transparent;



                    & .up {
                        display: none;
                    }
                }

                & p {
                    color: rgb(1, 41, 101);
                    font-family: "SST Condensed Bold";
                    font-size: 24px;
                    text-align: center;
                }

            }
        }


    }

    & .section_habits {
        background: #F2F2F2;
        padding-top: 100px;
        padding-bottom: 150px;

        & .flex_items {
            display: flex;
            gap: 50px;
            align-items: baseline;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 100px;

            & .item {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 12px;

                &.acorrdion {
                    &.open {
                        & .up {
                            display: block;
                        }

                        & .down {
                            display: none;
                        }

                    }

                    &.open p.preview {
                        display: block !important;
                        margin-top: -16px;
                    }
                }

                & .flex_icon_acorrdion {
                    display: flex;
                    align-items: start;
                    gap: 8px;

                    & button {
                        padding: 0;
                        border: none;
                        margin-top: 5px;



                        & .up {
                            display: none;
                        }
                    }
                }

                & p {
                    color: #012965;
                    font-family: "SST Condensed Bold";
                    font-size: 24px;
                    text-align: center;
                }

                & p.preview {
                    /* position: absolute;
                    top: 165px; */
                    color: #828282 !important;
                    font-size: 14px !important;
                    width: 160px;
                }
            }
        }
    }

    & #page-marco-azul-ebook {
        & h3 {
            font-family: "SST Roman";
            font-weight: 500;
            font-size: 50px;
        }

        & .right {
            padding: 100px 80px;

            & p {
                font-size: 26px;
            }

            & #form_ebook .flex {
                display: flex;
                flex-direction: column;
                gap: 16px;
            }
        }
    }

    & .section_faq {
        padding-top: 100px;
        margin-bottom: 100px;

        & .content_faqs {
            height: 500px;
            overflow: hidden;
            transition: 0.3s ease-in-out;

            &.open {
                height: 100%;
            }
        }

        & .faq_single {
            border-bottom: 2px solid #707070;
            padding: 0 0 24px;
            margin: 0 0 32px;
        }

        & .faq_single {
            display: flex;
            gap: 18px;
            align-items: start;
        }

        & .icon {
            width: auto;
            height: auto;
            background: transparent;
        }

        & .faq_single .icon .plus,
        & .faq_single .icon .minus {
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 6px 8px;
            cursor: pointer;
            transition: 0.3s ease-in-out;
            height: 42px;
            width: 42px;
        }

        & .faq_single .icon .minus {
            display: none;
        }

        & .faq_single.active .icon .minus {
            display: flex;
        }

        & .faq_single.active .icon .plus {
            display: none;
        }

        & .faq_single .content {
            display: flex;
            width: 100%;
            flex-direction: column;
            gap: 14px;
            max-width: 900px;

            & h2 {
                color: #012965;
                font-family: "SST bold";
                font-size: 28px;
            }

            & p {
                color: #828282;
                font-size: 22px;
                font-family: "SST Roman";
            }
        }

        & .faq_single .content .answer {
            display: none;
            transition: all 1s ease;
        }

        & .faq_single.active .content .answer {
            display: block;
            transition: all 1s ease;
        }

        & .faq_single .content .answer p {
            color: #828282;
            font-size: 22px;
            line-height: 32px;
            letter-spacing: 1px;
            font-weight: 400;
            font-family: 'SST Roman';
        }

        & .all_faq {
            display: flex;
            justify-content: center;
            margin-top: 50px;

            & button {
                width: fit-content;
                background: white;
                border: 1px solid #0153CC;
                font-size: 24px;
                font-family: "SST bold";
                color: #0153CC;
                padding: 25px 44px;
            }
        }

        & .content_links {
            display: flex;
            align-items: center;
            gap: 22px;
            margin-top: 100px;

            & p {
                color: #003C71;
                font-family: "SST bold";
                font-size: 25px;
                font-weight: bold;
            }

            & .links {
                display: flex;
                gap: 12px;
            }
        }

        & .content_refs {
            margin-top: 50px;
            background: #E6F0FF;
            padding: 30px 40px;

            & .expanse-text {
                overflow: hidden;
                height: 50px;

                &.expanse {
                    height: auto;
                }
            }

            & p {
                color: #666666;
                font-size: 14px;
                font-family: "SST Roman";
            }

        }

        & a.expanse {
            color: #0153CC;
            font-family: "SST bold";
            text-align: right;
            font-size: 14px;
            margin-top: 20px;
        }
    }

    & #form_ebook_trombose button:disabled{
        opacity: 0.5;
        cursor: not-allowed;
    }
}



@media (max-width: 1300px) {
    #lp_trombose {



        & .section_about_trombose .content_about h1,
        & .section_symptoms h2,
        & .section_types_trombose h2,
        & .section_factors .content_text_about h2,
        & .section_symptoms h2 & .section_banner .container .content h3,
        & .section_treatments .row:nth-child(2) h3,
        & .title {
            font-size: 48px;
        }

        & .section_types_trombose {
            /* & h2 {
                font-size: 48px;
            } */

            & .card_type {
                width: 340px;
            }

            & .card_type:not(.open) {
                max-height: 380px !important;
            }

            & .flex h3 {
                font-size: 24px !important;
            }
        }

        & .section_factors {


            & .content_text_about div.bg {
                font-size: 20px;
            }

            & .carrosel_items .item p {
                font-size: 14px;
            }


        }


        & .section_faq .faq_single .content h2 {
            font-size: 28px !important;
        }

        & #page-marco-azul-ebook h3 {
            font-size: 40px;
        }

        & .section_banner {
            height: 600px;

            & .container {
                margin-left: auto;
            }
        }

        & .section_habits {
            & .item p {
                font-size: 20px !important;
            }
        }
    }
}

@media (max-width: 900px) {
    .bg-absoluite-in-videos{
        top: 18px !important;
    }
   
    #lp_trombose #post_desk_trombose {
        display: none !important;
    }

    #lp_trombose {
        & .section_factors {
            & .content_text_about {
                & h2 {
                    margin-bottom: 28px;
                }
            }
        }
    }

    #lp_trombose {
        & .section_about_trombose {
            & .content_about {
                & .content_video {
                    margin-top: 28px;
                }
            }
        }
    }


    #lp_trombose {
        & .section_factors {
            & .content_items {
                justify-content: flex-start;
            }
        }
    }

    #lp_trombose {
        & .section_symptoms {
            & .row:nth-child(2) {
                row-gap: 20px;
            }
        }
    }

    #lp_trombose {
        & .section_treatments {

            & .row:nth-child(1) .content_text>.bg,
            .row:nth-child(2) div:first-child {
                margin-top: 0px;
            }
        }
    }

    /* #lp_trombose a:nth-child(1) img:nth-child(1) {
        margin-top: 62px !important;
    } */

    #lp_trombose {
        & .section_treatments {
            & .row:nth-child(2) {
                margin-top: 28px;
            }
        }
    }
}

@media (max-width: 768px) {
    #lp_trombose {

        #news {
            margin-top: 64px;
            margin-bottom: 28px;
        }

        & .container {
            padding: 0 36px !important;
        }

        & .section_about_trombose {
            padding-top: 20px;
            padding-bottom: 50px;

            & .content_links {
                & p {
                    font-size: 16px;
                }
            }

            & .content_about {
                & .content_video {
                    margin-top: 32px;

                    & .after::after {
                        right: -12px;
                        top: -12px;
                        width: 150px;
                        height: 150px;
                    }
                }

            }
        }

        & .title_page_trombose {
            font-size: 28px !important;
        }

        & .section_types_trombose {
            padding: 50px 0;

            & .row:nth-child(2) {
                display: none;
            }

            & .content_cards {
                margin-top: 24px;

                & .preview {
                    font-size: 14px;
                    margin-top: 10px;
                }
            }

            & .card_type {
                width: 300px !important;
                margin: 0 auto;
            }

            & .swiper-button-next svg,
            & .swiper-button-prev svg {
                display: none;
            }

            & .swiper-button-next:after,
            .swiper-button-prev:after {
                color: black;
                font-size: 24px;
            }

            & .swiper-button-next {
                right: var(--swiper-navigation-sides-offset, -14px);
            }

            & .swiper-button-prev {
                left: var(--swiper-navigation-sides-offset, -15px);
            }
        }

        & #types_trombose_mobol {
            display: block !important;
        }

        & .section_factors {

            & .content_items {
                padding-bottom: 9px;
                border-bottom: 2px solid #E2E2E2;

                & .flex {
                    & img {
                        width: 84px;
                    }

                    & p {
                        font-size: 20px;
                    }
                }

                &>p {
                    text-align: center;
                    color: black;
                    font-size: 14px;
                }
            }

            & .content_text_about {
                margin-top: 50px;

                & h2 {
                    text-align: center;
                    margin-bottom: 20px;
                }

                & div.bg {
                    padding: 32px 18px;
                    font-size: 16px !important;
                }
            }

            & .carrosel_items {
                margin-top: 50px;

                & .item {
                    padding: 26px 12px;
                    height: 210px;
                    width: 150px;
                    margin: 0 auto;

                    & img {
                        width: 40px;

                    }

                    & p {
                        font-size: 12px !important;
                    }
                }

                & .swiper-button-prev,
                & .swiper-button-next {
                    transform: inherit;
                    top: 45%;
                }

                & .swiper {
                    height: 250px;
                }

                & .swiper-pagination-bullets.swiper-pagination-horizontal {
                    bottom: var(--swiper-pagination-bottom, 0px);
                }
            }

            & .carrosel_items .swiper-button-next {
                right: var(--swiper-navigation-sides-offset, -23px);
            }

            & .carrosel_items .swiper-button-prev {
                left: var(--swiper-navigation-sides-offset, -26px);
            }

            & .swiper-button-prev,
            & .swiper-button-next {
                width: 40px !important;
                height: 40px !important;
            }
        }

        & .section_symptoms {
            padding: 50px 0;

            & .row:nth-child(2) {
                row-gap: 18px;
                margin-top: 30px;

                & div img {
                    width: 120px;
                }

                & div p {
                    font-size: 14px;
                }
            }
        }

        & .section_treatments {
            margin-top: 30px;
            padding-bottom: 60px;

            & .row:nth-child(1) {
                & .after {
                    margin-top: 30px;
                    margin-bottom: 20px;
                    height: auto;
                }

                & .after::after {
                    width: 150px;
                    height: 150px;
                    left: -10px;
                    bottom: -10px;
                }

                & .content_text {
                    &>.bg {
                        padding: 26px 10px;

                        & p {
                            font-size: 16px;
                            text-align: center;
                        }
                    }

                    & .text p {
                        font-size: 16px;
                    }

                    & .footer p {
                        font-size: 18px;
                    }
                }
            }

            & .row:nth-child(2) {
                margin-top: 49px;

                & div:first-child {
                    order: 2;
                    gap: 14px;
                    margin-top: 0;
                }

                & .after::after {
                    width: 138px;
                    height: 138px;
                    right: -10px;
                    top: -10px;
                }

                & h3 {
                    margin-top: 30px;
                }

                & p.text {
                    font-size: 16px;
                }

                & .footer {
                    flex-direction: row-reverse;
                    justify-content: flex-end;

                    & p {
                        font-size: 18px;
                    }
                }
            }
        }

        & .section_habits {
            padding: 50px 0;

            & .flex_items {
                margin-top: 30px;
                display: grid;
                grid-template-columns: 2fr 2fr;
                gap: 20px;
                padding: 0;

                & .item {
                    & img {
                        width: 70px;
                    }

                    & p {
                        font-size: 16px !important;
                    }

                    & .flex_icon_acorrdion {
                        align-items: flex-start;

                        & button {
                            margin-top: 0;
                        }
                    }

                    & p.preview {
                        margin-top: 0 !important;
                    }


                }
            }
        }

        & #page-marco-azul-ebook {
            & .right {
                padding: 40px 36px;

                & p {
                    font-size: 20px;
                }
            }


        }

        & #page-marco-azul-ebook h3 {
            font-size: 26px !important;
        }

        & .section_faq {
            padding-top: 50px;

            & .faq_single .content h2 {
                font-size: 20px !important;
            }

            & .faq_single .content .answer p {
                font-size: 18px !important;
                line-height: inherit;
            }

            & .faq_single:not(.active) {
                align-items: center;
            }

            & .all_faq button {
                font-size: 20px;
            }

            & .content_links p {
                font-size: 16px;
            }
        }

        & .section_banner {
            background-image: url("../images/lp-trombose/bg-mobol-2.png");
            height: 600px;

            & .container {
                margin-top: 130px;
            }
        }

        & #post_desk_trombose {
            display: none;
        }

        & #area-blog-home .container .blog-post {
            padding: 0 !important;
        }

        /* & #types_trombose_mobol {

            /* & .swiper-horizontal>.swiper-pagination-bullets,
            .swiper-pagination-bullets.swiper-pagination-horizontal {
                bottom: var(--swiper-pagination-bottom, 0px);
            }

            & .swiper.open_card {
                height: 505px !important;
            }

            & .swiper:not(.card_type.open) {
                height: 382px;
            } */

        /* aberto height: 505px;
           fechado height: 382px; }*/

        & .section_banner {
            & .content p {
                font-size: 18px !important;
            }
        }

        #lp_trombose {
            & .section_treatments {
                & .item {
                    &.acorrdion {
                        &.open p.preview {
                            display: block !important;
                            margin-top: 0;
                        }
                    }
                }
            }
        }


        & .section_treatments {
            & .item {
                &.acorrdion {
                    &.open p.preview {
                        margin-top: 0px !important;
                    }
                }
            }
        }
    }

    & .row_footer_trombose p:nth-child(2) {
        font-size: 12px !important;
    }

    .row_footer_trombose p:nth-child(1) {
        font-size: 18px !important;
    }
}

.bg-absoluite-in-videos{
    position: absolute;
    width: 200px;
    height: 200px;
    background: transparent linear-gradient(180deg, #00BECC 0%, #3585FE 100%) 0% 0% no-repeat padding-box;
    right: 0;
    top: -10px;
}

.content_video {
    position: relative;
}

.iframe-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}