/* /Components/FooterComponent.razor.rz.scp.css */

.footer-mjf[b-htlh1unxg7] {
    height: 882px;
    width: 100%;
    padding-top: 93px;
    padding-bottom: 115px;
}

.mjf-footer-logo[b-htlh1unxg7] {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 136.484px;
    height: 134px;
}

.max-w-footer-logo[b-htlh1unxg7] {
    margin-top: 0;
    margin-right: 0px;
    width: 100%;
    max-width: auto;
    margin-bottom: 47px;
}


.btn-footer-small[b-htlh1unxg7] {
    text-align: center;
    font-family: Poppins !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 9999px;
    transition: all 0.3s;
    font-size: 16px !important;
    width: 151px;
    height: 40px;
    padding: 10px;
}


.link-mjf[b-htlh1unxg7] {
    font-family: Montserrat;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}

.small-link-mjf[b-htlh1unxg7] {
    font-family: Montserrat;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    width: 132px;
}

.title-footer[b-htlh1unxg7] {
    font-family: var(--base-font);
    /*font-size: 32px !important;*/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-footer[b-htlh1unxg7] {
    text-align: start;
    font-family: Montserrat;
    /*font-size: 18px !important;*/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.label-section[b-htlh1unxg7] {
    font-family: Poppins;
    font-size: 10.942px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 13.131px */
    margin-bottom: 7px;
}

.max-w-email-footer[b-htlh1unxg7] {
    width: 100%;
    max-width: 170px;
}

.input-email-footer[b-htlh1unxg7] {
    background-color: transparent;
    border-radius: 9999px;
    display: flex;
    padding: 14.59px;
    padding-left: 40px;
    align-items: center;
    width: 100%;
    /*max-width: 270px;*/
    height: 43.769px;
    transition: border-width .15s ease-in-out;
}

    .input-email-footer[b-htlh1unxg7]::placeholder {
        font-family: Poppins;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 120%; /* 16.8px */
    }

    .input-email-footer[type=text][b-htlh1unxg7] {
        background-position: 14px 14px;
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .input-email-footer:focus[b-htlh1unxg7] {
        background-color: transparent;
        border-width: 2px;
        outline: 0;
        box-shadow: none;
    }

.button-section[b-htlh1unxg7] {
    text-align: center;
    font-family: Poppins !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s;
    width: 113px;
    height: 47px;
}

    .button-section:hover[b-htlh1unxg7] {
        box-shadow: none;
    }

.section-links[b-htlh1unxg7] {
    margin-top: 43px;
    max-width: auto;
    width: auto;
    display: flex;
    justify-content: space-between;
}


.link-social[b-htlh1unxg7] {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    text-align: center;
    font-family: Poppins !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s;
}

    .link-social:hover[b-htlh1unxg7] {
        box-shadow: none;
    }

.instagram[b-htlh1unxg7]::before {
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}


.facebook[b-htlh1unxg7]::before {
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}


.tiktok[b-htlh1unxg7]::before {
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}


.youtube[b-htlh1unxg7]::before {
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}


.pinterest[b-htlh1unxg7]::before {
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}


.email[b-htlh1unxg7]::before {
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}

.max-w-link[b-htlh1unxg7] {
    width: 127px !important;
}

@media (min-width: 390px) {

    .footer-mjf[b-htlh1unxg7] {
        height: 882px;
        padding-top: 74px;
        padding-bottom: 73px;
    }

    .mjf-footer-logo[b-htlh1unxg7] {
        width: 136.484px;
        height: 134px;
    }

    .max-w-footer-logo[b-htlh1unxg7] {
        max-width: 55%;
        margin-bottom: 47px;
    }

    .section-links[b-htlh1unxg7] {
        margin-top: 43px;
        max-width: auto;
        width: auto;
        display: flex;
    }

    .max-w-email-footer[b-htlh1unxg7] {
        max-width: 170px;
    }

    .link-social[b-htlh1unxg7] {
        width: 40px;
        height: 40px;
    }

    .max-w-icon[b-htlh1unxg7]::before {
        width: 27.378px;
        height: 27.378px;
    }
}

@media (min-width: 768px) {

    .footer-mjf[b-htlh1unxg7] {
        height: 737px;
        padding-top: 93px;
        padding-bottom: 115px;
    }

    .mjf-footer-logo[b-htlh1unxg7] {
        width: 228.999px;
        height: 225.005px;
    }

    .max-w-footer-logo[b-htlh1unxg7] {
        max-width: 620px;
        margin-bottom: 88px;
    }

    .section-links[b-htlh1unxg7] {
        margin-top: 0;
        margin-right: 50px;
        max-width: 284px;
        width: 100%;
        display: flex;
    }

    .max-w-email-footer[b-htlh1unxg7] {
        max-width: 363px;
    }

    .link-social[b-htlh1unxg7] {
        width: 48px;
        height: 48px;
    }

    .max-w-icon[b-htlh1unxg7]::before {
        width: 33.333px;
        height: 33.333px;
    }

    .max-w-link[b-htlh1unxg7] {
        width: 112px !important;
    }
}

@media (min-width: 992px) {

    .footer-mjf[b-htlh1unxg7] {
        height: 433px;
        padding-top: 93px;
        padding-bottom: 115px;
    }

    .mjf-footer-logo[b-htlh1unxg7] {
        width: 229px;
        height: 225.005px;
    }

    .max-w-footer-logo[b-htlh1unxg7] {
        max-width: 55%;
        margin-bottom: 0;
    }

    .section-links[b-htlh1unxg7] {
        margin-top: 0;
        margin-right: 0px;
        max-width: 271px;
        width: 100%;
        display: flex;
        margin: 0 26px;
    }

    .max-w-email-footer[b-htlh1unxg7] {
        max-width: 270px;
    }

    .link-social[b-htlh1unxg7] {
        width: 48px;
        height: 48px;
    }

    .max-w-icon[b-htlh1unxg7]::before {
        width: 33.333px;
        height: 33.333px;
    }
}

/*@media (min-width: 1400x) {

    .footer-mjf {
        height: 433px;
        padding-top: 93px;
        padding-bottom: 115px;
    }

    .mjf-footer-logo {
        width: 229px;
        height: 225.005px;
    }

    .max-w-footer-logo {
        margin-bottom: 0;
        max-width: 55%;
    }

    .section-links {
        margin-right: 0px;
        margin-top: 0;
        max-width: 319px;
        width: 100%;
        display: flex;
    }

    .max-w-email-footer {
        max-width: 270px;
    }

    .link-social {
        width: 48px;
        height: 48px;
    }

    .max-w-icon::before {
        width: 33.333px;
        height: 33.333px;
    }
}*/
/* /Components/NavbarComponent.razor.rz.scp.css */


.nav-mjf[b-gd0b7vz7yc] {
    padding-top: 32px;
    position: fixed;
    z-index: 15;
    width: 100%;
}

.nav-mjf-confg[b-gd0b7vz7yc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.nav-links[b-gd0b7vz7yc] {
    gap: 1rem;
    display: none;
}


.logo-mjf[b-gd0b7vz7yc] {
    width: 46px;
    height: 45.198px;
    flex-shrink: 0;
    aspect-ratio: 80.00/78.60;
}

.offcanvas[b-gd0b7vz7yc] {
    /*background-color: #FBEFEE;*/
    max-width: 284px;
    width: 100%;
    padding-top: 32px;
    padding-right: 40px;
    padding-bottom: 32px;
}

.gap-6[b-gd0b7vz7yc] {
    gap: 2rem;
}

/*.logo-menu {
    width: 80px;
    height: 78.604px;
    aspect-ratio: 80.00/78.60;
}*/

.p-menu[b-gd0b7vz7yc] {
    padding: 32px 40px;
}

.mt-100[b-gd0b7vz7yc] {
    margin-top: 100px;
}

@media (min-width: 390px) {
    .logo-red[b-gd0b7vz7yc] {
        width: 46px;
        height: 45.198px;
    }
}


@media (min-width: 768px) {
    .logo-mjf[b-gd0b7vz7yc] {
        width: 46px;
        height: 45.198px;
    }
}

@media (min-width: 992px) {
    .logo-mjf[b-gd0b7vz7yc] {
        width: 79.999px;
        height: 78.604px;
    }

    .nav-links[b-gd0b7vz7yc] {
        gap: 1rem;
        display: flex;
    }

}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-680se8qi3h] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-680se8qi3h] {
    flex: 1;
}

.sidebar[b-680se8qi3h] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-680se8qi3h] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-680se8qi3h]  a, .top-row[b-680se8qi3h]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-680se8qi3h]  a:hover, .top-row[b-680se8qi3h]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-680se8qi3h]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-680se8qi3h] {
        justify-content: space-between;
    }

    .top-row[b-680se8qi3h]  a, .top-row[b-680se8qi3h]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-680se8qi3h] {
        flex-direction: row;
    }

    .sidebar[b-680se8qi3h] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-680se8qi3h] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-680se8qi3h]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-680se8qi3h], article[b-680se8qi3h] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-680se8qi3h] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-680se8qi3h] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Layout/SimpleLayout.razor.rz.scp.css */
/* /Modals/PopupConfirmationCheckModal.razor.rz.scp.css */
.modal-confirmation-mjf[b-zj6326va69] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #0000001c;
    align-items: end;
    justify-content: center;
}

.max-popupconfirmation[b-zj6326va69] {
    width: 100%;
    max-width: 100%;
    height: 265px;
    /*overflow: auto;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-popupconfirmation[b-zj6326va69] {
    padding-left: 0;
}

.text-popupconfirmation[b-zj6326va69] {
    /*max-width: 310px;*/
    width: 100%;
    /*margin-bottom: 5px;*/
}

.title-popupconfirmatio[b-zj6326va69] {
    width: 100%;
    /*margin-top: 58px;*/
    text-align: left;
}

.img-drop-confirmation[b-zj6326va69] {
    width: 53.077px;
    height: 120.914px;
    position: relative;
    margin-top: 28px;
}

    .img-drop-confirmation img[b-zj6326va69] {
        position: absolute;
        top: -3px;
        right: auto;
        height: 105.914px;
    }


.close[b-zj6326va69] {
    width: 35px;
    height: 35px;
}

.w-popup[b-zj6326va69] {
    width: 100%;
    max-width: 345px;
}

@media (min-width: 390px) {
    .section-popupconfirmation[b-zj6326va69] {
        padding-left: 0;
    }
}


@media (min-width: 768px) {
    .w-popup[b-zj6326va69] {
        width: 100%;
        max-width: none;
    }

    .close[b-zj6326va69] {
        width: 40px;
        height: 40px;
    }

    .modal-confirmation-mjf[b-zj6326va69] {
        align-items: center;
    }

    .max-popupconfirmation[b-zj6326va69] {
        width: 684px;
        height: 265px;
    }

    .text-popupconfirmation[b-zj6326va69] {
        /*max-width: 433px;*/
        /*margin-bottom: 75px;*/
    }

    .title-popupconfirmatio[b-zj6326va69] {
        /*margin-top: 58px;*/
        width: 100%;
        /*text-align: center;*/
    }

    .img-drop-confirmation[b-zj6326va69] {
        width: 103px;
        height: 122px;
        margin-top: 0px;
    }

        .img-drop-confirmation img[b-zj6326va69] {
            width: 123.077px;
            height: 120.379px;
            top: -21px;
            right: 27px;
        }

    .section-popupconfirmation[b-zj6326va69] {
        padding-left: 0;
    }
}


@media (min-width: 992px) {

    .close[b-zj6326va69] {
        width: 45px;
        height: 45px;
    }
}
/* /Modals/PopupConfirmationModal.razor.rz.scp.css */
.modal-confirmation-mjf[b-p31a0zsws7] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #0000001c;
    align-items: end;
    justify-content: center;
}

.max-popupconfirmation[b-p31a0zsws7] {
    width: 100%;
    max-width: 100%;
    height: 585px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-popupconfirmation[b-p31a0zsws7] {
    padding-left: 0;
}

.text-popupconfirmation[b-p31a0zsws7] {
    max-width: 310px;
    width: 100%;
    margin-bottom: 5px;
}

.title-popupconfirmatio[b-p31a0zsws7] {
    max-width: 310px;
    width: 100%;
}

.img-drop-confirmation[b-p31a0zsws7] {
    width: 100%;
    height: 120.914px;
    position: relative;
}

    .img-drop-confirmation img[b-p31a0zsws7] {
        position: absolute;
        top: auto;
        right: auto;
        height: 120.914px;
    }


.close[b-p31a0zsws7] {
    width: 35px;
    height: 35px;
}

.w-popup[b-p31a0zsws7] {
    width:100%;
    max-width: 322px;
}
@media (min-width: 390px) {
    .section-popupconfirmation[b-p31a0zsws7] {
        padding-left: 0;
    }
}


@media (min-width: 768px) {
    .w-popup[b-p31a0zsws7] {
        width: 100%;
        max-width:none;
    }
    .close[b-p31a0zsws7] {
        width: 40px;
        height: 40px;
    }

    .modal-confirmation-mjf[b-p31a0zsws7] {
        align-items: center;
    }

    .max-popupconfirmation[b-p31a0zsws7] {
        max-width: 708px;
        height: 394px;
    }

    .text-popupconfirmation[b-p31a0zsws7] {
        max-width: 433px;
        margin-bottom: 75px;
    }

    .title-popupconfirmatio[b-p31a0zsws7] {
        max-width: 470px;
    }

    .img-drop-confirmation[b-p31a0zsws7] {
        width: 211px;
        height: 0;
    }

        .img-drop-confirmation img[b-p31a0zsws7] {
            width: auto;
            height: auto;
            top: -129px;
            right: 27px;
        }

    .section-popupconfirmation[b-p31a0zsws7] {
        padding-left: 0;
    }

}


@media (min-width: 992px) {

    .close[b-p31a0zsws7] {
        width: 45px;
        height: 45px;
    }

}
/* /Modals/PopupConfirmationNewsLatterModal.razor.rz.scp.css */
.modal-confirmation-mjf[b-xy6fmyp4it] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #0000001c;
    align-items: end;
    justify-content: center;
}

.max-popupconfirmation[b-xy6fmyp4it] {
    width: 100%;
    max-width: 100%;
    height: 585px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-popupconfirmation[b-xy6fmyp4it] {
    padding-left: 0;
}

.text-popupconfirmation[b-xy6fmyp4it] {
    max-width: 310px;
    width: 100%;
    margin-bottom: 5px;
}

.title-popupconfirmatio[b-xy6fmyp4it] {
    width: 100%;
    margin-top: 58px;
    text-align: left;
}

.img-drop-confirmation[b-xy6fmyp4it] {
    width: 100%;
    height: 120.914px;
    position: relative;
    margin-top: 28px;
}

    .img-drop-confirmation img[b-xy6fmyp4it] {
        position: absolute;
        top: auto;
        right: auto;
        height: 120.914px;
    }


.close[b-xy6fmyp4it] {
    width: 35px;
    height: 35px;
}

.w-popup[b-xy6fmyp4it] {
    width: 100%;
    max-width: 322px;
}

@media (min-width: 390px) {
    .section-popupconfirmation[b-xy6fmyp4it] {
        padding-left: 0;
    }
}


@media (min-width: 768px) {
    .w-popup[b-xy6fmyp4it] {
        width: 100%;
        max-width: none;
    }

    .close[b-xy6fmyp4it] {
        width: 40px;
        height: 40px;
    }

    .modal-confirmation-mjf[b-xy6fmyp4it] {
        align-items: center;
    }

    .max-popupconfirmation[b-xy6fmyp4it] {
        max-width: 550px;
        height: 680px;
    }

    .text-popupconfirmation[b-xy6fmyp4it] {
        max-width: 433px;
        margin-bottom: 75px;
    }

    .title-popupconfirmatio[b-xy6fmyp4it] {
        margin-top: 58px;
        width: 100%;
        text-align: center;
    }

    .img-drop-confirmation[b-xy6fmyp4it] {
        width: 211px;
        height: 229px;
        margin-top: 0px;
    }

        .img-drop-confirmation img[b-xy6fmyp4it] {
            width: auto;
            height: auto;
            /*top: -129px;*/
            right: 27px;
        }

    .section-popupconfirmation[b-xy6fmyp4it] {
        padding-left: 0;
    }
}


@media (min-width: 992px) {

    .close[b-xy6fmyp4it] {
        width: 45px;
        height: 45px;
    }
}
/* /Modals/PopupConfirmationSubscriptionModal.razor.rz.scp.css */
.modal-confirmation-mjf[b-pbts1c72gk] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #0000001c;
    align-items: end;
    justify-content: center;
}

.max-popupconfirmation[b-pbts1c72gk] {
    width: 100%;
    max-width: 100%;
    height: 585px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-popupconfirmation[b-pbts1c72gk] {
    padding-left: 0;
}

.text-popupconfirmation[b-pbts1c72gk] {
    max-width: 310px;
    width: 100%;
    margin-bottom: 5px;
}

.title-popupconfirmatio[b-pbts1c72gk] {
    max-width: 310px;
    width: 100%;
}

.img-drop-confirmation[b-pbts1c72gk] {
    width: 100%;
    height: 120.914px;
    position: relative;
}

    .img-drop-confirmation img[b-pbts1c72gk] {
        position: absolute;
        top: auto;
        right: auto;
        height: 120.914px;
    }


.close[b-pbts1c72gk] {
    width: 35px;
    height: 35px;
}

.w-popup[b-pbts1c72gk] {
    width: 100%;
    max-width: 322px;
}

@media (min-width: 390px) {
    .section-popupconfirmation[b-pbts1c72gk] {
        padding-left: 0;
    }
}


@media (min-width: 768px) {
    .w-popup[b-pbts1c72gk] {
        width: 100%;
        max-width: none;
    }

    .close[b-pbts1c72gk] {
        width: 40px;
        height: 40px;
    }

    .modal-confirmation-mjf[b-pbts1c72gk] {
        align-items: center;
    }

    .max-popupconfirmation[b-pbts1c72gk] {
        max-width: 708px;
        height: 394px;
    }

    .text-popupconfirmation[b-pbts1c72gk] {
        max-width: 433px;
        margin-bottom: 75px;
    }

    .title-popupconfirmatio[b-pbts1c72gk] {
        max-width: 470px;
    }

    .img-drop-confirmation[b-pbts1c72gk] {
        width: 211px;
        height: 0;
    }

        .img-drop-confirmation img[b-pbts1c72gk] {
            width: auto;
            height: auto;
            top: -129px;
            right: 27px;
        }

    .section-popupconfirmation[b-pbts1c72gk] {
        padding-left: 0;
    }
}


@media (min-width: 992px) {

    .close[b-pbts1c72gk] {
        width: 45px;
        height: 45px;
    }
}
/* /Modals/PopupSecondWaitlistModal.razor.rz.scp.css */
.modal-mjf[b-p74v01xinc] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #0000001c;
    align-items: end;
    justify-content: center;
}

.col-text-w[b-p74v01xinc] {
    max-width: none;
    width: 100%;
    position: relative;
    bottom: 0px;
}

.col-img-w[b-p74v01xinc] {
    max-width: none;
    width: 100%;
    position: relative;
    bottom: 35px;
    height: 234px;
}

.position-title[b-p74v01xinc] {
    position: relative;
    bottom: 0px;
    margin-bottom: 5px;
}

.max-w-text-wait[b-p74v01xinc] {
    width: 100%;
    min-width: 304px;
}

.max-w-button[b-p74v01xinc] {
    max-width: 309px;
    width: 309px;
}

.max-content[b-p74v01xinc] {
    max-width: 337px;
    width: 100%;
}

.max-popupwait[b-p74v01xinc] {
    height: 678px;
    max-width: 375px;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    margin-top: auto;
    margin-bottom: 0;
}

.image-popup-wait[b-p74v01xinc] {
    background-image: url('/assets/imgs/image-pop-up-wait-list-3.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 394px;
    right: 0px;
    bottom: 37px;
    height: 314px;
    left: -44px;
    position: relative;
}

    .image-popup-wait[b-p74v01xinc]::after {
        content: '';
        position: absolute;
        background-image: url('/assets/imgs/last-unitis.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 94px;
        height: 94.009px;
        top: auto;
        left: auto;
        bottom: -30px;
        right: 30px;
    }



/* ----------------------------------------------
 * Generated by Animista on 2025-5-20 17:36:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes slide-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    100% {
        -webkit-transform: translateY(100px) translateX(-100px);
        transform: translateY(100px) translateX(-100px)
    }
}

@keyframes slide-bl-b-p74v01xinc {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    100% {
        -webkit-transform: translateY(100px) translateX(-100px);
        transform: translateY(100px) translateX(-100px)
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

@keyframes slide-bottom-b-p74v01xinc {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

.scale-up-center[b-p74v01xinc] {
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center-b-p74v01xinc 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center-b-p74v01xinc {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.icon-drop[b-p74v01xinc] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin-right: 9px
}

    .icon-drop[b-p74v01xinc]::after {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/drop-white.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        right: -21px;
        top: 8px;
        width: 33.726px;
        height: 13.024px;
    }

.mb-72[b-p74v01xinc] {
    margin-bottom: 72px;
}

.close[b-p74v01xinc] {
    width: 35px;
    height: 35px;
}

.zindex[b-p74v01xinc]{
    z-index: 1;
}

.big-line-dash-red[b-p74v01xinc] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .big-line-dash-red[b-p74v01xinc]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        background-position: center;
        bottom: -2px;
        width: 75px;
        height: 6px;
        right: -2px;
    }


.max-title-popup[b-p74v01xinc] {
    width: 100%;
    max-width: 218px;
}


.circular-dash-red[b-p74v01xinc] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 8px;
}

    .circular-dash-red[b-p74v01xinc]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-big-circular-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        left: -7px;
        bottom: -26px;
        width: 74px;
        height: 65px;
    }

.max-popup[b-p74v01xinc] {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    display: flex;
}

.modal-share[b-p74v01xinc] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #0000001c;
    align-items: center;
    justify-content: center;
}

@media (min-width: 390px) {


    .modal-mjf[b-p74v01xinc] {
        align-items: end;
    }

    .col-text-w[b-p74v01xinc] {
        max-width: 46%;
        width: 100%;
        position: relative;
        bottom: 0px;
    }

    .position-title[b-p74v01xinc] {
        position: relative;
        bottom: 0px;
    }

    .max-w-button[b-p74v01xinc] {
        width: 309px;
    }

    .max-content[b-p74v01xinc] {
        max-width: 337px;
    }
}

.mt-button[b-p74v01xinc] {
    margin-top: 17px;
}

@media (min-width: 768px) {

    .mt-button[b-p74v01xinc] {
        margin-top: 24px;
    }

    .max-popupwait[b-p74v01xinc] {
        max-width: 624px;
        height: 792px;
        margin: 0 auto;
        margin-top: auto;
        margin-bottom: auto;
    }

    .image-popup-wait[b-p74v01xinc] {
        background-size: cover;
        background-position: bottom;
        width: 624px;
        right: 44px;
        bottom: 83px;
        height: 364px;
    }

        .image-popup-wait[b-p74v01xinc]::after {
            width: 140px;
            height: 140.175px;
            top: auto;
            left: auto;
            bottom: -42px;
            right: 37px;
        }

    .modal-mjf[b-p74v01xinc] {
        align-items: center;
    }

    .col-text-w[b-p74v01xinc] {
        max-width: none;
        width: 100%;
        position: relative;
        bottom: 35px;
    }
    .col-img-w[b-p74v01xinc] {
        max-width: none;
        width: 100%;
        position: relative;
        bottom: 35px;
        height: 274px;
    }

    .max-w-button[b-p74v01xinc] {
        width: 456px;
    }

    .position-title[b-p74v01xinc] {
        position: relative;
        bottom: auto;
        margin-bottom: 45px;
    }

    .max-content[b-p74v01xinc] {
        max-width: 100%;
    }

    .big-line-dash-red[b-p74v01xinc]:before {
        background-position: center;
        bottom: -3px;
        width: 93px;
        height: 9px;
        right: -6px;
    }

    .max-title-popup[b-p74v01xinc] {
        width: 100%;
        max-width: 438px;
    }

    .close[b-p74v01xinc] {
        width: 40px;
        height: 40px;
    }

    .circular-dash-red[b-p74v01xinc]::before {
        background-image: url(/assets/imgs/red-big-circular-line.svg);
        left: -9px;
        bottom: -23px;
        width: 88px;
        height: 65px;
    }
}


@media (min-width: 992px) {

    .circular-dash-red[b-p74v01xinc]::before {
        background-image: url(/assets/imgs/red-big-circular-line.svg);
        left: -9px;
        bottom: -23px;
        width: 88px;
        height: 65px;
    }

    .max-popupwait[b-p74v01xinc] {
        max-width: 999px;
        height: 510px;
        margin: 0 auto;
        margin-top: auto;
        margin-bottom: auto;
    }

    .image-popup-wait[b-p74v01xinc] {
        background-size: cover;
        background-position: center;
        width: 507px;
        height: 400px;
        position: relative;
        bottom: -20px;
        right: 20px;
        left: -19px;
    }

        .image-popup-wait[b-p74v01xinc]::after {
            width: 150px;
            height: 150.175px;
            top: -64px;
            left: -43px;
        }

    .col-text-w[b-p74v01xinc] {
        max-width: 47%;
        width: 100%;
        position: relative;
        bottom: 47px;
    }
    .col-img-w[b-p74v01xinc] {
        max-width: 50%;
        width: 100%;
        position: relative;
        bottom: auto;
        height: auto;
    }

    .position-title[b-p74v01xinc] {
        position: relative;
        bottom: auto;
        margin-bottom: 13px;
    }

    .max-w-button[b-p74v01xinc] {
        max-width: 100%;
        width: auto;
    }

    .max-content[b-p74v01xinc] {
        max-width: 100%;
    }

    .icon-drop.girl[b-p74v01xinc]::after {
        right: -14px;
        top: 31px;
        width: 12.726px;
        height: 12.024px;
    }

    .icon-drop[b-p74v01xinc] {
        margin-right: 9px
    }

        .icon-drop.girl[b-p74v01xinc] {
            margin-right: 0px
        }

        .icon-drop[b-p74v01xinc]::after {
            right: -11px;
            top: 13px;
            width: 11.726px;
            height: 11.024px;
        }

    .big-line-dash-red[b-p74v01xinc]:before {
        background-position: center;
        bottom: -3px;
        width: 94px;
        height: 9px;
        right: -6px;
    }

    .max-title-popup[b-p74v01xinc] {
        width: 100%;
        max-width: 824px;
    }

    .close[b-p74v01xinc] {
        width: 45px;
        height: 45px;
    }
}


/*@media (min-width: 1140px) {
    .max-popupwait {
        max-width: 999px;
        height: 510px;
    }

    .image-popup-wait::after {
        width: 150px;
        height: 150.175px;
        top: -64px;
        left: -43px;
    }

    .col-text-w {
        max-width: 50%;
        width: 100%;
        position: relative;
        bottom: auto;
    }

    .position-title {
        position: relative;
        bottom: auto;
        margin-bottom: 13px;
    }

    .max-w-button {
        max-width: 100%;
        width: 100%;
    }

    .max-content {
        max-width: 100%;
    }

    .max-title-popup {
        width: 100%;
        max-width: 824px;
    }
}*/
/* /Modals/PopupShare.razor.rz.scp.css */
.modal-share[b-jd6eeckg8z] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #0000001c;
    align-items: center;
    justify-content: center;
}

.max-popup[b-jd6eeckg8z] {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    /*overflow: auto;*/
/*    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
}

.card-white[b-jd6eeckg8z] {
    width: 100%;
    max-width: 390px;
    height: fit-content;
    background-color: var(--white);
    box-shadow: 0px 8px 4px 0px rgba(0, 0, 0, 0.25);
    padding-top: 42px;
    padding-bottom: 50px;
    padding-right: 40px;
    padding-left: 40px;
    margin: auto;
}

.close[b-jd6eeckg8z] {
    width: 48px;
    height: 48px;
    aspect-ratio: 1/1;
    margin-bottom: 12px;
}

.card-red[b-jd6eeckg8z] {
    width: 100%;
    max-width: 307px;
    height: 593px;
}

.small-card-white[b-jd6eeckg8z] {
    width: 100%;
    max-width: 236px;
    height: 236px;
    background-color: var(--white-base);
    padding-top: 27px;
    padding-bottom: 0px;
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 179px;
}

    .small-card-white .img-folicular[b-jd6eeckg8z] {
        /*width: 144.644px;*/
        height: 147.085px;
        transform: rotate(0deg);
        top: -25px;
        position: relative;
        left: 20px;
    }

    .small-card-white .img-ovulation[b-jd6eeckg8z] {
        /*width: 144.644px;*/
        height: 127.085px;
        transform: rotate(28deg);
        top: -28px;
        left: 7px;
        position: relative;
    }

    .small-card-white .img-luteal[b-jd6eeckg8z] {
        /*width: 144.644px;*/
        height: 127.085px;
        transform: rotate(0deg);
        top: -29px;
        left: 7px;
        position: relative;
    }

    .small-card-white .img-bleeding[b-jd6eeckg8z] {
        /*width: 144.644px;*/
        height: 127.085px;
        transform: rotate(13deg);
        top: -43px;
        left: 7px;
        position: relative;
    }


.option-colors[b-jd6eeckg8z] {
    padding-top: 36px;
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 25px;
}

    .option-colors button[b-jd6eeckg8z] {
        width: 40px;
        height: 40px;
        border-radius: 9999px;
    }

        .option-colors button.line-white[b-jd6eeckg8z] {
            border: 1px solid var(--white-base);
        }

.p-link[b-jd6eeckg8z] {
    margin-top: 24px;
}

.link-social[b-jd6eeckg8z] {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    text-align: center;
    color: var(--red);
    background-color: var(--red);
    border: 1px solid var(--red);
    /*box-shadow: 4px 3px 0px -1px var(--red);*/
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s;
}

/*    .link-social:hover {
        box-shadow: none;
    }*/


.x[b-jd6eeckg8z]::before {
    content: "";
    background-image: url('/assets/icons/white-x.svg');
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}

.whatsapp[b-jd6eeckg8z]::before {
    content: "";
    background-image: url('/assets/icons/white-whatsapp.svg');
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}

.instagram[b-jd6eeckg8z]::before {
    content: "";
    background-image: url('/assets/icons/white-instagram.svg');
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}


.facebook[b-jd6eeckg8z]::before {
    content: "";
    background-image: url('/assets/icons/white-facebook.svg');
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}


.tiktok[b-jd6eeckg8z]::before {
    content: "";
    background-image: url('/assets/icons/white-tiktok.svg');
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}



.youtube[b-jd6eeckg8z]::before {
    content: "";
    background-image: url('/assets/icons/white-youtube.svg');
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}


.email[b-jd6eeckg8z]::before {
    background-image: url('/assets/icons/white-email.svg');
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-flex;
    pointer-events: none;
    bottom: -4px;
    width: 27.378px;
    height: 27.378px;
    /*left: 178px;*/
    transition: background-image 0.3s;
}

.line-white[b-jd6eeckg8z] {
    border: 2px solid var(--white) !important;
}

.line-red[b-jd6eeckg8z] {
    border: 2px solid var(--red) !important;
}


/* ----------------------------------------------
 * Generated by Animista on 2025-5-20 17:36:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes slide-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    100% {
        -webkit-transform: translateY(100px) translateX(-100px);
        transform: translateY(100px) translateX(-100px)
    }
}

@keyframes slide-bl-b-jd6eeckg8z {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    100% {
        -webkit-transform: translateY(100px) translateX(-100px);
        transform: translateY(100px) translateX(-100px)
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

@keyframes slide-bottom-b-jd6eeckg8z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

.scale-up-center[b-jd6eeckg8z] {
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center-b-jd6eeckg8z 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center-b-jd6eeckg8z {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media (min-width: 390px) {
}


@media (min-width: 768px) {

    .link-social[b-jd6eeckg8z] {
        width: 45px;
        height: 45px;
    }

    .card-white[b-jd6eeckg8z] {
        width: 100%;
        max-width: 509px;
        height: fit-content;
        padding-top: 32px;
        padding-bottom: 50px;
        padding-right: 40px;
        padding-left: 40px;
        margin: auto;
    }

    .p-link[b-jd6eeckg8z] {
        margin-top: 36px;
    }

    .card-red[b-jd6eeckg8z] {
        width: 100%;
        max-width: 426px;
        height: 563px;
    }

    .close[b-jd6eeckg8z] {
        margin-bottom: 16px;
    }

    .small-card-white[b-jd6eeckg8z] {
        width: 100%;
        max-width: 352px;
        height: 352px;
        background-color: var(--white-base);
        padding-top: 42px;
        padding-bottom: 0px;
        padding-right: 40px;
        padding-left: 40px;
        margin-top: 110px;
    }

        .small-card-white .img-folicular[b-jd6eeckg8z] {
            height: 232.824px;
            transform: rotate(0deg);
            position: relative;
            top: -41px;
            left: 20px;
        }

        .small-card-white .img-ovulation[b-jd6eeckg8z] {
            /*width: 144.644px;*/
            height: 186.085px;
            transform: rotate(28deg);
            top: -28px;
            left: 7px;
            position: relative;
        }

        .small-card-white .img-luteal[b-jd6eeckg8z] {
            /*width: 144.644px;*/
            height: 184.085px;
            transform: rotate(0deg);
            top: -38px;
            left: 7px;
            position: relative;
        }

        .small-card-white .img-bleeding[b-jd6eeckg8z] {
            /*width: 144.644px;*/
            height: 190.085px;
            transform: rotate(13deg);
            top: -59px;
            left: 7px;
            position: relative;
        }
}


@media (min-width: 992px) {
    .card-white[b-jd6eeckg8z] {
        width: 100%;
        max-width: 598px;
        height: fit-content;
        padding-top: 42px;
        padding-bottom: 50px;
        padding-right: 58px;
        padding-left: 58px;
        margin: auto;
    }

    .p-link[b-jd6eeckg8z] {
        margin-top: 42px;
    }

    .card-red[b-jd6eeckg8z] {
        width: 100%;
        max-width: 482px;
        height: 597px;
    }

    .close[b-jd6eeckg8z] {
        margin-bottom: 40px;
    }

    .small-card-white[b-jd6eeckg8z] {
        width: 100%;
        max-width: 359px;
        height: 359px;
        background-color: var(--white-base);
        padding-top: 42px;
        padding-bottom: 0px;
        padding-right: 40px;
        padding-left: 40px;
        margin-top: 110px;
    }
}


@media (min-width: 1140px) {
}
/* /Modals/PopupWaitlistModal.razor.rz.scp.css */
.modal-mjf[b-sgvtaj7pif] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #0000001c;
    align-items: end;
    justify-content: center;
}

.col-text-w[b-sgvtaj7pif] {
    max-width: 46%;
    width: 100%;
    position: relative;
    bottom: 0px;
}

.position-title[b-sgvtaj7pif] {
    position: relative;
    bottom: 0px;
    margin-bottom: 5px;
}

.max-w-text-wait[b-sgvtaj7pif] {
    width: 100%;
    min-width: 165px;
}

.max-w-button[b-sgvtaj7pif] {
    max-width: 309px;
    width: 309px;
}

.max-content[b-sgvtaj7pif] {
    max-width: 337px;
    width: 100%;
}

.max-popupwait[b-sgvtaj7pif] {
    width: 100%;
    max-width: 100%;
    height: 580px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.image-popup-wait[b-sgvtaj7pif] {
    background-image: url('/assets/imgs/image-pop-up-wait-list.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -18px center;
    width: 273px;
    height: 198px;
    position: relative;
    bottom: -27px;
    right: 0px;
}

    .image-popup-wait[b-sgvtaj7pif]::after {
        content: '';
        position: absolute;
        background-image: url('/assets/imgs/last-unitis.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 94px;
        height: 94.009px;
        top: -48px;
        left: -8px;
    }



/* ----------------------------------------------
 * Generated by Animista on 2025-5-20 17:36:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes slide-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    100% {
        -webkit-transform: translateY(100px) translateX(-100px);
        transform: translateY(100px) translateX(-100px)
    }
}

@keyframes slide-bl-b-sgvtaj7pif {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    100% {
        -webkit-transform: translateY(100px) translateX(-100px);
        transform: translateY(100px) translateX(-100px)
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

@keyframes slide-bottom-b-sgvtaj7pif {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

.scale-up-center[b-sgvtaj7pif] {
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center-b-sgvtaj7pif 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center-b-sgvtaj7pif {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.icon-drop[b-sgvtaj7pif] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin-right: 9px
}

    .icon-drop[b-sgvtaj7pif]::after {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/drop-white.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        right: -21px;
        top: 8px;
        width: 33.726px;
        height: 13.024px;
    }

.mb-72[b-sgvtaj7pif] {
    margin-bottom: 72px ;
}

.close[b-sgvtaj7pif] {
    width: 35px;
    height: 35px;
}

.big-line-dash-red[b-sgvtaj7pif] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .big-line-dash-red[b-sgvtaj7pif]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        background-position: center;
        bottom: -2px;
        width: 75px;
        height: 6px;
        right: -2px;
    }


.max-title-popup[b-sgvtaj7pif] {
    width: 100%;
    max-width: 218px;
}

@media (min-width: 390px) {
    .max-popupwait[b-sgvtaj7pif] {
        max-width: 100%;
        height: 580px;
    }

    .modal-mjf[b-sgvtaj7pif] {
        align-items: end;
    }

    .col-text-w[b-sgvtaj7pif] {
        max-width: 46%;
        width: 100%;
        position: relative;
        bottom: 0px;
    }

    .position-title[b-sgvtaj7pif] {
        position: relative;
        bottom: 0px;
    }

    .max-w-button[b-sgvtaj7pif] {
        width: 309px;
    }

    .max-content[b-sgvtaj7pif] {
        max-width: 337px;
    }
}

.mt-button[b-sgvtaj7pif]{
    margin-top:73px;
}

@media (min-width: 768px) {

    .mt-button[b-sgvtaj7pif] {
        margin-top: 24px;
    }

    .max-popupwait[b-sgvtaj7pif] {
        max-width: 624px;
        height: 598px;
    }

    .image-popup-wait[b-sgvtaj7pif] {
        background-size: cover;
        background-position: bottom;
        width: 279px;
        height: 410px;
        bottom: -30px;
        right: -21px;
    }

        .image-popup-wait[b-sgvtaj7pif]::after {
            width: 140px;
            height: 140.175px;
            top: -42px;
            left: -33px;
        }

    .modal-mjf[b-sgvtaj7pif] {
        align-items: center;
    }

    .col-text-w[b-sgvtaj7pif] {
        max-width: 50%;
        width: 100%;
        position: relative;
        bottom: 35px;
    }

    .max-w-button[b-sgvtaj7pif] {
        width: auto;
    }

    .position-title[b-sgvtaj7pif] {
        position: relative;
        bottom: auto;
        margin-bottom: 45px;
    }

    .max-content[b-sgvtaj7pif] {
        max-width: 100%;
    }

    .big-line-dash-red[b-sgvtaj7pif]:before {
        background-position: center;
        bottom: -3px;
        width: 93px;
        height: 9px;
        right: -6px;
    }

    .max-title-popup[b-sgvtaj7pif] {
        width: 100%;
        max-width: 438px;
    }

    .close[b-sgvtaj7pif] {
        width: 40px;
        height: 40px;
    }
}


@media (min-width: 992px) {
    .max-popupwait[b-sgvtaj7pif] {
        max-width: 999px;
        height: 581px;
    }

    .image-popup-wait[b-sgvtaj7pif] {
        background-size: cover;
        background-position: center;
        width: 488px;
        height: 400px;
        position: relative;
        bottom: -20px;
        right: -14px;
    }

        .image-popup-wait[b-sgvtaj7pif]::after {
            width: 150px;
            height: 150.175px;
            top: -64px;
            left: -43px;
        }

    .col-text-w[b-sgvtaj7pif] {
        max-width: 50%;
        width: 100%;
        position: relative;
        bottom: auto;
    }

    .position-title[b-sgvtaj7pif] {
        position: relative;
        bottom: auto;
    }

    .max-w-button[b-sgvtaj7pif] {
        max-width: 100%;
        width: auto;
    }

    .max-content[b-sgvtaj7pif] {
        max-width: 100%;
    }

    .icon-drop.girl[b-sgvtaj7pif]::after {
        right: -14px;
        top: 31px;
        width: 12.726px;
        height: 12.024px;
    } 
    
    .icon-drop[b-sgvtaj7pif]{
        margin-right:9px
    }    
    
    .icon-drop.girl[b-sgvtaj7pif]{
        margin-right:0px
    }

        .icon-drop[b-sgvtaj7pif]::after {
            right: -11px;
            top: 13px;
            width: 11.726px;
            height: 11.024px;
        }

    .big-line-dash-red[b-sgvtaj7pif]:before {
        background-position: center;
        bottom: -3px;
        width: 94px;
        height: 9px;
        right: -6px;
    }

    .max-title-popup[b-sgvtaj7pif] {
        width: 100%;
        max-width: 824px;
    }

    .close[b-sgvtaj7pif] {
        width: 45px;
        height: 45px;
    }

}


@media (min-width: 1140px) {
    .max-popupwait[b-sgvtaj7pif] {
        max-width: 999px;
        height: 581px;
    }

        .image-popup-wait[b-sgvtaj7pif]::after {
            width: 150px;
            height: 150.175px;
            top: -64px;
            left: -43px;
        }

    .col-text-w[b-sgvtaj7pif] {
        max-width: 50%;
        width: 100%;
        position: relative;
        bottom: auto;
    }

    .position-title[b-sgvtaj7pif] {
        position: relative;
        bottom: auto;
        margin-bottom: 40px;
    }

    .max-w-button[b-sgvtaj7pif] {
        max-width: 100%;
        width: 100%;
    }

    .max-content[b-sgvtaj7pif] {
        max-width: 100%;
    }

    .max-title-popup[b-sgvtaj7pif] {
        width: 100%;
        max-width: 824px;
    }
}
/* /Pages/AccessDeniedPage.razor.rz.scp.css */
.modal-denied[b-fzzt8nrw7j] {
    background-color: var(--white-base);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
    overflow: auto;
}

.logo-denied[b-fzzt8nrw7j] {
    background-image: url('/assets/big-logo-red.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 158px;
    height: 155.244px;
    min-height: 155.244px;
    margin-top: 77px;
    margin-bottom: 61px;
}

.title-center[b-fzzt8nrw7j] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .title-center p[b-fzzt8nrw7j] {
        /*max-width: 450px;*/
        margin-top: 16px;
    }


.title-bottom[b-fzzt8nrw7j] {
    position: relative;
    height: 100vh;
    padding-top: 223px;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .title-bottom img[b-fzzt8nrw7j] {
        object-fit: cover;
        width: 100%;
        position: absolute;
        bottom: 14px;
        max-width: 1200px;
    }

@media (min-width: 768px) {
    .logo-denied[b-fzzt8nrw7j] {
        background-image: url('/assets/big-logo-red.svg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 231px;
        height: 226.969px;
        min-height: 226.969px;
        margin-top: 77px;
        margin-bottom: 145px;
    }

    .title-bottom[b-fzzt8nrw7j] {
        position: relative;
        height: 100vh;
        padding-top: 300px;
        width: 100%;
    }

        .title-bottom img[b-fzzt8nrw7j] {
            object-fit: cover;
            width: 100%;
            position: absolute;
            bottom: 14px;
        }

}
@media (min-width: 992px) {

    .title-center span[b-fzzt8nrw7j] {
        display: none;
    }

    .logo-denied[b-fzzt8nrw7j] {
        background-image: url('/assets/big-logo-red.svg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 222px;
        height: 218.127px;
        min-height: 218.127px;
        margin-top: 77px;
        margin-bottom: 53px;
    }

    .title-center p[b-fzzt8nrw7j] {
        /*max-width: 587px;*/
        margin-top: 16px;
    }

    .title-bottom[b-fzzt8nrw7j] {
        position: relative;
        height: 100vh;
        padding-top: 246px;
        width: 100%;
    }

        .title-bottom img[b-fzzt8nrw7j] {
            object-fit: cover;
            width: 100%;
            position: absolute;
            bottom: 14px;
        }

}
/* /Pages/AgeConfirmationModal.razor.rz.scp.css */
.modal-acess[b-pmvezqjsd7] {
    background-color: var(--white-base);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
    overflow: auto;
}

.logo-acess[b-pmvezqjsd7] {
    background-image: url('/assets/big-logo-red.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 79.999px;
    height: 78.604px;
    min-height: 78.604px;
    margin-top: 77px;
    margin-bottom: 82px;
}

.title-center[b-pmvezqjsd7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .title-center span[b-pmvezqjsd7] {
        display: inline;
        padding-left: 2px;
    }

    .title-center p[b-pmvezqjsd7] {
        max-width: 271px;
        margin-top: 30px;
        margin-bottom: 56px;
    }

.btn-options[b-pmvezqjsd7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .btn-options .btn-primary[b-pmvezqjsd7] {
        margin-bottom: 15px;
        cursor: pointer;
    }

    .btn-options .btn-secondary[b-pmvezqjsd7] {
        margin-bottom: 49px;
        cursor: pointer;
    }


.title-bottom[b-pmvezqjsd7] {
    position: relative;
    height: 100vh;
    padding-top: 223px;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .title-bottom img[b-pmvezqjsd7] {
        object-fit: cover;
        width: 100%;
        position: absolute;
        bottom: 14px;
        max-width: 1200px;
    }


.max-h-screen[b-pmvezqjsd7] {
    height: 549px;
}

.max-input[b-pmvezqjsd7] {
    max-width: 511px;
    width: 100%;
}

.max-w-section-email[b-pmvezqjsd7] {
    width: 100%;
    padding-right: 0;
}

.max-w-section-img[b-pmvezqjsd7] {
    width: 100%;
    padding-left: 0;
}

.max-input[b-pmvezqjsd7] {
    max-width: none;
    width: 100%;
}

.max-content-screen[b-pmvezqjsd7] {
    min-height: max-content;
}

.max-content-img[b-pmvezqjsd7] {
    min-height: -webkit-fill-available;
}

@media (min-width: 768px) {
    .title-center p[b-pmvezqjsd7] {
        max-width: 450px;
        margin-top: 30px;
        margin-bottom: 56px;
    }


    .title-bottom[b-pmvezqjsd7] {
        position: relative;
        height: 100vh;
        padding-top: 300px;
        width: 100%;
    }

        .title-bottom img[b-pmvezqjsd7] {
            object-fit: cover;
            width: 100%;
            position: absolute;
            bottom: 14px;
        }
}

    @media (min-width: 992px) {

        .title-center span[b-pmvezqjsd7] {
            display: none;
        }

        .modal-acess[b-pmvezqjsd7] {
            background-color: var(--white-base);
        }

        .logo-acess[b-pmvezqjsd7] {
            background-image: url('/assets/big-logo-red.svg');
            background-repeat: no-repeat;
            background-size: cover;
            width: 79.999px;
            height: 78.604px;
            min-height: 78.304px;
            margin-top: 77px;
            margin-bottom: 82px;
        }

        .title-center p[b-pmvezqjsd7] {
            max-width: 587px;
            margin-top: 30px;
            margin-bottom: 56px;
        }

        .btn-options[b-pmvezqjsd7] {
            width: fit-content;
        }

        .title-bottom[b-pmvezqjsd7] {
            position: relative;
            height: 100vh;
            padding-top: 246px;
            width: 100%;
        }

            .title-bottom img[b-pmvezqjsd7] {
                object-fit: cover;
                width: 100%;
                position: absolute;
                bottom: 14px;
            }
    }
/* /Pages/BlogHomePage.razor.rz.scp.css */
.carousel-slide[b-kcf2xa6o1v] {
    transition: opacity 0.3s ease-in-out;
}

.fade-in[b-kcf2xa6o1v] {
    opacity: 0;
    animation: fadeIn-b-kcf2xa6o1v 0.3s forwards;
}

.fade-out[b-kcf2xa6o1v] {
    opacity: 1;
    animation: fadeOut-b-kcf2xa6o1v 0.3s forwards;
}

.div-indicators[b-kcf2xa6o1v] {
    position: relative;
    height: 53px;
}

@keyframes fadeIn-b-kcf2xa6o1v {
    to {
        opacity: 1;
    }
}

@keyframes fadeOut-b-kcf2xa6o1v {
    to {
        opacity: 0;
    }
}

.carousel-image[b-kcf2xa6o1v] {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.carousel-text[b-kcf2xa6o1v] {
    margin: 15px 0;
    font-size: 18px;
    color: #333;
}

.carousel-controls[b-kcf2xa6o1v] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

    .carousel-controls button[b-kcf2xa6o1v] {
        padding: 10px 20px;
        font-size: 16px;
        background-color: var(--red);
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background 0.3s;
    }

        .carousel-controls button:hover[b-kcf2xa6o1v] {
            background-color: var(--red);
        }

.lh-24[b-kcf2xa6o1v] {
    line-height: 120%;
}

.blog-image-carousel img[b-kcf2xa6o1v] {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


.mt-66[b-kcf2xa6o1v] {
    margin-top: 66px;
}

.div-btn[b-kcf2xa6o1v] {
    width: 60px;
    height: 62px;
}

.btn-prev-blog img[b-kcf2xa6o1v] {
    width: 30px;
    height: 32px;
}

.btn-next-blog img[b-kcf2xa6o1v] {
    width: 30px;
    height: 32px;
}

.search-input[b-kcf2xa6o1v] {
    background-color: transparent;
    border-radius: 9999px;
    border: 0.912px solid var(--red);
    color: var(--red);
    display: flex;
    width: 375px;
    height: 48px;
    padding-right: 15px;
    align-items: center;
    transition: border-width .15s ease-in-out;
}

    .search-input.show[b-kcf2xa6o1v] {
        background-color: transparent;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border: 0.912px solid var(--red);
        color: var(--red);
        display: flex;
        width: 375px;
        height: 48px;
        padding-right: 15px;
        align-items: center;
        transition: border-width .15s ease-in-out;
    }

    .search-input input[b-kcf2xa6o1v] {
        background-color: transparent;
        border-radius: 9999px;
        border: none;
        color: var(--red);
        display: flex;
        padding: 0;
        width: 100%;
        padding-left: 0;
        align-items: center;
        height: auto;
        padding: 14.59px;
        padding-left: 40px;
    }

        .search-input input[b-kcf2xa6o1v]::placeholder {
            color: var(--red);
            font-family: Poppins;
            font-size: 12.766px !important;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            font-size: 16px !important;
        }

        .search-input input[type=text][b-kcf2xa6o1v] {
            background-image: url('/assets/icons/search-icon.svg');
            background-position: 14px;
            background-repeat: no-repeat;
        }

        .search-input input:focus[b-kcf2xa6o1v] {
            color: none;
            background-color: transparent;
            border-color: none;
            border-width: 0;
            outline: 0;
            box-shadow: none;
        }

.card-blog[b-kcf2xa6o1v] {
    display: flex;
    width: 100%;
    max-width: 341px;
    height: 280px;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    transition: padding 0.3s ease, background-color 0.3s ease;
    text-decoration: none;
}

    .card-blog img[b-kcf2xa6o1v] {
        width: 100%;
        max-width: 340px;
        height: 150.37px;
        object-fit: cover;
        object-position: center;
    }

.text-card-blog[b-kcf2xa6o1v] {
    color: var(--red) !important;
}

.card-blog:hover[b-kcf2xa6o1v] {
    padding: 24px 20px;
    background-color: var(--red);
}

    .card-blog:hover .text-card-blog[b-kcf2xa6o1v] {
        color: var(--white-base) !important;
    }

.flex-card[b-kcf2xa6o1v] {
    display: grid;
    gap: 80px 64px;
    grid-template-columns: 1fr;
    justify-items: center;
    width: fit-content;
}

.flex-card-blog h3[b-kcf2xa6o1v] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 3px;
}

.pagination-blog p[b-kcf2xa6o1v] {
    font-family: var(--poppins-font);
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--red);
    padding: 8px 12px;
}

    .pagination-blog p.active[b-kcf2xa6o1v] {
        background-color: var(--red);
        color: var(--white-base);
        border-radius: 9999px;
    }

.pagination-blog button[b-kcf2xa6o1v] {
    display: flex;
    align-items: center;
}

.pagination-blog .icon-pag[b-kcf2xa6o1v] {
    width: 16px;
    height: 16px;
}

.btn-blog[b-kcf2xa6o1v] {
    width: 100%;
    max-width: 130px;
    height: 52px;
}

.mb-30[b-kcf2xa6o1v] {
    margin-bottom: 30px;
}

.max-red-section-blog[b-kcf2xa6o1v] {
    height: 708px;
    padding-top: 65px;
    padding-bottom: 72px;
}

.max-w-text-red-blog[b-kcf2xa6o1v] {
    width: 100%;
    max-width: 100%;
}

.max-w-img-red-blog img[b-kcf2xa6o1v] {
    width: 121.917px;
    height: 119.245px;
}

.gap-64[b-kcf2xa6o1v] {
    gap: 64px;
}

.white-drop-blog[b-kcf2xa6o1v] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .white-drop-blog[b-kcf2xa6o1v]::after {
        content: "";
        position: absolute;
        background-image: url('/assets/imgs/drop.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 10px;
        height: 12.15px;
        top: 12px;
        right: -10px;
    }

.mt-40[b-kcf2xa6o1v] {
    margin-top: 40px;
}


.dropdown-menu[b-kcf2xa6o1v] {
    border-radius: 0 0 60px 60px;
    background-color: #FBEFEE;
    border-bottom: 1px solid var(--red);
    width: 353px;
    left: -291px !important;
    top: 38px !important;
    transform: none !important;
    padding: 20px 20px !important;
    border-left: 1px solid var(--red);
    border-right: 1px solid var(--red);
    border-top: 1px solid transparent;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

    .dropdown-menu.options[b-kcf2xa6o1v] {
        border-radius: 0 0 60px 60px;
        background-color: #FBEFEE;
        border-bottom: 1px solid var(--red);
        width: 333px;
        left: -1px !important;
        top: 38px !important;
        transform: none !important;
        padding: 0 !important;
        border-left: 1px solid var(--red);
        border-right: 1px solid var(--red);
        border-top: 1px solid transparent;
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px;
        overflow-y: auto;
    }

        .dropdown-menu.options .div-options[b-kcf2xa6o1v] {
            max-height: 170px;
            overflow-y: auto;
        }

        /* Scrollbar Styles */
            .dropdown-menu.options .div-options[b-kcf2xa6o1v]::-webkit-scrollbar {
                width: 4px;
            }

            .dropdown-menu.options .div-options[b-kcf2xa6o1v]::-webkit-scrollbar-track:hover {
                background-color: #FBEFEE;
                border: 1px solid var(--red);
            }

            .dropdown-menu.options .div-options[b-kcf2xa6o1v]::-webkit-scrollbar-thumb {
                background-color: var(--red);
                border-radius: 16px;
                border: 1px solid var(--red);
            }

                .dropdown-menu.options .div-options[b-kcf2xa6o1v]::-webkit-scrollbar-thumb:hover {
                    background-color: #FBEFEE;
                    border: 4px solid var(--red);
                }


.select-option.schedule.big .dropdown-menu.options[b-kcf2xa6o1v] {
    max-width: 196px;
    padding-right: 6px !important;
}

.select-option.schedule.small .dropdown-menu.options[b-kcf2xa6o1v] {
    max-width: 115px;
    min-width: 115px;
    padding-right: 6px !important;
}

.dropdown-menu.options .div-options .item-option[b-kcf2xa6o1v] {
    color: var(--red) !important;
    font-family: Poppins !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    height: 31px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 10px !important;
}

.dropdown-menu.options .div-options .item-option:hover[b-kcf2xa6o1v] {
    background-color: var(--red);
    color: var(--white-base) !important;
}

.dropdown-menu .title-filter[b-kcf2xa6o1v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

    .dropdown-menu .title-filter img[b-kcf2xa6o1v] {
        width: 24px;
        height: 24px;
        object-fit: cover;
    }

.dropdown-menu option[b-kcf2xa6o1v] {
    color: var(--red) !important;
    font-family: Poppins !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
}

.dropdown-menu .select-option .btn[b-kcf2xa6o1v] {
    padding: 0;
}

.dropdown-menu .select-option .btn[b-kcf2xa6o1v] {
    color: var(--red) !important;
    font-family: Poppins;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
}

.dropdown-menu .select-option[b-kcf2xa6o1v] {
    border-radius: 21.885px;
    border: 0.912px solid var(--red);
    background: #FFF;
    height: 44px;
    display: flex;
    align-items: center;
    width: 100%;
}

    .dropdown-menu .select-option.show[b-kcf2xa6o1v] {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border: 0.912px solid var(--red);
        background: #FFF;
        height: 44px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .dropdown-menu .select-option button[b-kcf2xa6o1v] {
        background-image: url(/assets/icons/arrow-down-red.svg);
        background-repeat: no-repeat;
        background-position: right 14px center;
        background-size: 20px 20px;
        padding-left: 40px;
        width: 100%;
        display: flex;
        height: 37px;
        align-items: center;
    }

        .dropdown-menu .select-option button.show[b-kcf2xa6o1v] {
            background-image: url(/assets/icons/arrow-up-red.svg);
            background-repeat: no-repeat;
            background-position: right 20px center;
            background-size: 10px 10px;
            padding-left: 0px;
            width: 100%;
            display: flex;
        }

    .dropdown-menu .select-option.phase[b-kcf2xa6o1v] {
        background-image: url(/assets/icons/phase-icon.svg);
        background-repeat: no-repeat;
        background-position: left 14px center;
        background-size: 20px 20px;
        padding-left: 40px;
    }

    .dropdown-menu .select-option.author[b-kcf2xa6o1v] {
        background-image: url(/assets/icons/author-icon.svg);
        background-repeat: no-repeat;
        background-position: left 14px center;
        background-size: 20px 20px;
        padding-left: 40px;
    }

    .dropdown-menu .select-option.schedule[b-kcf2xa6o1v] {
        background-image: url(/assets/icons/schedule-icon.svg);
        background-repeat: no-repeat;
        background-position: left 14px center;
        background-size: 20px 20px;
        padding-left: 40px;
    }

        .dropdown-menu .select-option.schedule.big[b-kcf2xa6o1v] {
            max-width: 196px;
        }

        .dropdown-menu .select-option.schedule.small[b-kcf2xa6o1v] {
            max-width: 115px;
        }

.dropdown-menu .form-select option[b-kcf2xa6o1v] {
    color: var(--red) !important;
    font-family: Poppins !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
}


.dropdown-menu .selection-dates[b-kcf2xa6o1v] {
    display: flex;
    gap: 16px;
}


@media (min-width: 390px) {

    .btn-prev-blog img[b-kcf2xa6o1v] {
        width: 60px;
        height: 62px;
    }

    .btn-next-blog img[b-kcf2xa6o1v] {
        width: 60px;
        height: 62px;
    }

    .card-blog[b-kcf2xa6o1v] {
        max-width: 341px;
        height: 280px;
        gap: 19px;
    }

        .card-blog img[b-kcf2xa6o1v] {
            max-width: 340px;
            height: 150.37px;
        }

        .card-blog:hover[b-kcf2xa6o1v] {
            padding: 10px 20px;
            height: 300px;
        }

    .flex-card[b-kcf2xa6o1v] {
        grid-template-columns: 1fr;
    }

    .max-red-section-blog[b-kcf2xa6o1v] {
        height: 708px;
        padding-top: 65px;
        padding-bottom: 72px;
    }

    .max-w-text-red-blog[b-kcf2xa6o1v] {
        max-width: 100%;
    }

    .max-w-img-red-blog img[b-kcf2xa6o1v] {
        width: 121.917px;
        height: 119.245px;
    }

    .carousel-indicators[b-kcf2xa6o1v] {
        margin-top: 56px;
        margin-bottom: 0;
    }
}


.max-511[b-kcf2xa6o1v]{
    max-width: 511px; 
    width: 100%;
}
.max-511-div[b-kcf2xa6o1v]{
    max-width: none; 
    width: 100%;
}
@media (min-width: 768px) {

    .dropdown-menu[b-kcf2xa6o1v] {
        border-radius: 0 0 60px 60px;
        background-color: #FBEFEE;
        border-bottom: 1px solid var(--red);
        width: 376px;
        left: -314px !important;
        top: 38px !important;
        transform: none !important;
        padding: 20px 20px !important;
        border-left: 1px solid var(--red);
        border-right: 1px solid var(--red);
        border-top: 1px solid transparent;
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px;
    }

    .div-indicators[b-kcf2xa6o1v] {
        position: relative;
        height: 92px;
    }

    .blog-image-carousel img[b-kcf2xa6o1v] {
        width: 185px;
        height: 86%;
        object-fit: cover;
    }

    .max-w-text-blog[b-kcf2xa6o1v] {
        width: 100%;
        max-width: 338px;
    }

    .card-blog[b-kcf2xa6o1v] {
        max-width: 289.199px;
        height: 261.476px;
        gap: 11px;
    }

        .card-blog img[b-kcf2xa6o1v] {
            max-width: 272px;
            height: 127px;
        }

        .card-blog:hover[b-kcf2xa6o1v] {
            padding: 10px 20px;
            height: 261.476px;
        }

    .flex-card[b-kcf2xa6o1v] {
        grid-template-columns: 1fr 1fr;
    }

    .mb-md-66[b-kcf2xa6o1v] {
        margin-bottom: 66px;
    }

    .max-red-section-blog[b-kcf2xa6o1v] {
        height: 947px;
        padding-top: 98px;
        padding-bottom: 132px;
    }

    .max-w-text-red-blog[b-kcf2xa6o1v] {
        max-width: 612px;
    }

    .max-w-img-red-blog img[b-kcf2xa6o1v] {
        width: 328.47px;
        height: 327.944px;
    }

    .gap-md-94[b-kcf2xa6o1v] {
        gap: 94px;
    }

    .white-drop-blog[b-kcf2xa6o1v]::after {
        width: 10px;
        height: 12.15px;
        top: 21px;
        right: -15px;
    }

    .carousel-indicators[b-kcf2xa6o1v] {
        margin-top: 56px;
        margin-bottom: 30px;
    }

    .mt-md-64[b-kcf2xa6o1v] {
        margin-top: 64px;
    }
}


@media (min-width: 992px) {

    .max-511-div[b-kcf2xa6o1v] {
        max-width: 511px;
        width: 100%;
    }

    .dropdown-menu[b-kcf2xa6o1v] {
        border-radius: 0 0 60px 60px;
        background-color: #FBEFEE;
        border-bottom: 1px solid var(--red);
        width: 375px;
        left: -313px !important;
        top: 38px !important;
        transform: none !important;
        padding: 20px 20px !important;
        border-left: 1px solid var(--red);
        border-right: 1px solid var(--red);
        border-top: 1px solid transparent;
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px;
    }

    .max-w-img-red-blog img[b-kcf2xa6o1v] {
        width: 210px;
        height: 205.397px;
    }


    .max-text-form[b-kcf2xa6o1v] {
        max-width: 505px;
        margin-bottom: 24px;
    }
    .blog-image-carousel img[b-kcf2xa6o1v] {
        width: 370px;
        height: 487px;
        object-fit: cover;
    }

    .max-w-text-blog[b-kcf2xa6o1v] {
        width: 100%;
        max-width: 370px;
    }

    .mt-lg-90[b-kcf2xa6o1v] {
        margin-top: 90px;
    }

    .card-blog[b-kcf2xa6o1v] {
        max-width: 433px;
        height: 415px;
        gap: 19px;
    }

        .card-blog img[b-kcf2xa6o1v] {
            max-width: 433px;
            height: 203px;
        }

        .card-blog:hover[b-kcf2xa6o1v] {
            height: 415px;
            padding: 24px 20px;
        }

    .mb-lg-87[b-kcf2xa6o1v] {
        margin-bottom: 87px;
    }

    .max-red-section-blog[b-kcf2xa6o1v] {
        height: 594px;
        padding-top: 105px;
        padding-bottom: 100px;
    }


    .gap-lg-138[b-kcf2xa6o1v] {
        gap: 72px;
    }

    .mt-lg-120[b-kcf2xa6o1v] {
        margin-top: 120px;
    }
}
/* /Pages/BlogPostPage.razor.rz.scp.css */

.article-back img[b-7bk3tyxk1b] {
    width: 16px;
    height: 32px;
    aspect-ratio: 1/2;
    object-fit: cover;
}

.article-banner[b-7bk3tyxk1b] {
    width: 100%;
    height: 582px;
    object-fit: cover;
    object-position: center;
}

.article-up[b-7bk3tyxk1b] {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    bottom: 47px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 130px;
}

.article-letter[b-7bk3tyxk1b] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    .article-letter h1[b-7bk3tyxk1b] {
        padding-bottom: 32px;
    }

    .article-letter p[b-7bk3tyxk1b], h2[b-7bk3tyxk1b] {
        padding-bottom: 24px;
    }


.pt-34[b-7bk3tyxk1b] {
    padding-top: 34px;
}

.gap-n[b-7bk3tyxk1b] {
    gap: 0;
}

.gap-56[b-7bk3tyxk1b] {
    gap: 56px;
}

.image-article[b-7bk3tyxk1b] {
    max-width: 100%;
    height: 202px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 24px;
    object-position: top;
}

.image-author[b-7bk3tyxk1b] {
    border-radius: 9999px;
    object-fit: cover;
    object-position: center;
    width: 240px;
    height: 240px;
}


.div-image-author[b-7bk3tyxk1b] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .div-image-author[b-7bk3tyxk1b]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/mjf-logo-drop.svg);
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-flex;
        background-position: center;
        width: 104.796px;
        height: 137.546px;
        top: 107px;
        left: -19px;
    }

.author-content[b-7bk3tyxk1b] {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.scroll-cards-article[b-7bk3tyxk1b] {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: auto;
}
.scroll-cards-article[b-7bk3tyxk1b]::-webkit-scrollbar {
    display: none; 
}

.card-blog-article[b-7bk3tyxk1b] {
    display: flex;
    width: 100%;
    min-width: 363px;
    height: 280px;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    transition: padding 0.3s ease, background-color 0.3s ease;
    text-decoration: none;
}

    .card-blog-article img[b-7bk3tyxk1b] {
        width: 100%;
        max-width: 363px;
        height: 150.37px;
        object-fit: cover;
        object-position: center;
    }

.text-card-blog[b-7bk3tyxk1b] {
    color: var(--white-base) !important;
}

.card-blog-article:hover[b-7bk3tyxk1b] {
    padding: 24px 20px;
    background-color: var(--red);
}

    .card-blog-article:hover .text-card-blog[b-7bk3tyxk1b] {
        color: var(--white-base) !important;
    }

.related-section[b-7bk3tyxk1b] {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
    padding-bottom: 75px;
    display: flex;
    flex-direction: column;
    position:relative;
}

.next-article[b-7bk3tyxk1b] {
    position: absolute;
    bottom: 41%;
    right: 22px;
}

.prev-article[b-7bk3tyxk1b] {
    position: absolute;
    bottom: 41%;
    left: 22px;
}

    .prev-article img[b-7bk3tyxk1b] {
        width: 60px;
        height: 60px;
    }

.cards-gap[b-7bk3tyxk1b] {
    gap: 40px;
}

.max-w-text-red-blog-article[b-7bk3tyxk1b] {
    width: 100%;
    max-width: 100%;
}

    .max-w-text-red-blog-article h2[b-7bk3tyxk1b] {
        max-width: 244px;
    }

.max-w-img-red-blog-article img[b-7bk3tyxk1b] {
    width: 163.347px;
    height: 159.766px;
}


.white-drop-blog-article[b-7bk3tyxk1b] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .white-drop-blog-article[b-7bk3tyxk1b]::after {
        content: "";
        position: absolute;
        background-image: url('/assets/imgs/drop-red.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 10px;
        height: 12.15px;
        top: 12px;
        right: -10px;
    }

@media (min-width: 390px) {
    .article-letter[b-7bk3tyxk1b] {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .article-up[b-7bk3tyxk1b] {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        bottom: 47px;
        gap: 130px;
    }

    .author-content[b-7bk3tyxk1b] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .article-banner[b-7bk3tyxk1b] {
        height: 177px;
    }

    .image-article[b-7bk3tyxk1b] {
        max-width: 100%;
        height: 202px;
    }

    .div-image-author[b-7bk3tyxk1b]::before {
        width: 104.796px;
        height: 156.546px;
        top: 107px;
        left: -42px;
    }

    .max-w-text-red-blog-article[b-7bk3tyxk1b] {
        max-width: 100%;
    }


    .max-w-img-red-blog-article img[b-7bk3tyxk1b] {
        width: 163.347px;
        height: 159.766px;
    }
}

.max-511[b-7bk3tyxk1b] {
    max-width: 511px;
    width: 100%;
}

.max-511-div[b-7bk3tyxk1b] {
    max-width: none;
    width: 100%;
}
@media (min-width: 768px) {

    .max-w-text-red-blog-article h2[b-7bk3tyxk1b] {
        max-width: none;
    }

    .article-letter[b-7bk3tyxk1b] {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }

    .article-up[b-7bk3tyxk1b] {
        padding-top: 23px !important;
        padding-bottom: 23px !important;
        bottom: 83px;
        gap: 100px;
    }

    .author-content[b-7bk3tyxk1b] {
        padding-left: 23px !important;
        padding-right: 23px !important;
    }

    .article-banner[b-7bk3tyxk1b] {
        height: 344px;
    }

    .image-author[b-7bk3tyxk1b] {
        border-radius: 9999px;
        object-fit: cover;
        object-position: center;
        width: 200px;
        height: 200px;
    }

    .image-article[b-7bk3tyxk1b] {
        max-width: 256px;
        height: 493px;
    }

    .div-image-author[b-7bk3tyxk1b]::before {
        width: 121.363px;
        height: 167.85px;
        top: 67px;
        left: -5px;
        background-size: contain;
    }

    .card-blog-article[b-7bk3tyxk1b] {
        width: 289.199px;
        min-width: 289.199px;
        height: 261.476px;
        gap: 11px;
    }

        .card-blog-article img[b-7bk3tyxk1b] {
            width: 272px;
            max-width: 272px;
            height: 127px;
        }

        .card-blog-article:hover[b-7bk3tyxk1b] {
            padding: 10px 20px;
            height: 261.476px;
        }

    .related-section[b-7bk3tyxk1b] {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 80px;
        padding-bottom: 12px;
    }

    .scroll-cards-article[b-7bk3tyxk1b] {
        height: auto;
    }

    .max-w-text-red-blog-article[b-7bk3tyxk1b] {
        max-width: 612px;
    }

    .max-w-img-red-blog-article img[b-7bk3tyxk1b] {
        width: 232.293px;
        height: 227.201px;
    }

    .white-drop-blog-article[b-7bk3tyxk1b]::after {
        width: 10px;
        height: 12.15px;
        top: 21px;
        right: -15px;
    }
}


@media (min-width: 992px) {

    .max-511-div[b-7bk3tyxk1b] {
        max-width: 511px;
        width: 100%;
    }

    .article-letter[b-7bk3tyxk1b] {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }

    .article-up[b-7bk3tyxk1b] {
        padding-top: 37px !important;
        padding-bottom: 37px !important;
        bottom: 130px;
        gap: 50px;
    }

    .author-content[b-7bk3tyxk1b] {
        padding-left: 48px !important;
        padding-right: 48px !important;
        padding-bottom: 37px !important;
    }

    .article-banner[b-7bk3tyxk1b] {
        height: 582px;
    }

    .image-article[b-7bk3tyxk1b] {
        max-width: 465px;
        height: 307px;
    }

    .div-image-author[b-7bk3tyxk1b]::before {
        width: 121.363px;
        height: 159.85px;
        top: 120px;
        left: -15px;
        background-size: cover;
    }

    .image-author[b-7bk3tyxk1b] {
        border-radius: 9999px;
        object-fit: cover;
        object-position: center;
        width: 240px;
        height: 240px;
    }

    .gap-lg-56[b-7bk3tyxk1b] {
        gap: 56px;
    }

    .card-blog-article[b-7bk3tyxk1b] {
        min-width: 433px;
        width: 433px;
        height: 333px;
        gap: 19px;
    }

        .card-blog-article img[b-7bk3tyxk1b] {
            max-width: 433px;
            width: 433px;
            height: 203px;
        }

        .card-blog-article:hover[b-7bk3tyxk1b] {
            height: 333px;
            padding: 24px 20px;
        }

    .related-section[b-7bk3tyxk1b] {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 52px;
        padding-bottom: 96px;
    }

    .cards-gap[b-7bk3tyxk1b] {
        gap: 64px;
    }

    .scroll-cards-article[b-7bk3tyxk1b] {
        height: auto;
    }

    .gap-lg-138[b-7bk3tyxk1b] {
        gap: 72px;
    }

    .max-text-form[b-7bk3tyxk1b] {
        max-width: 505px;
        margin-bottom: 24px;
    }

    .max-w-img-red-blog-article img[b-7bk3tyxk1b] {
        width: 210px;
        height: 205.397px;
    }
}
/* /Pages/DidYouKnowPage.razor.rz.scp.css */
.title-pain-unspoken[b-tcwtl8gv99] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
    width: 100%;
    position: relative;
}

    .title-pain-unspoken h1[b-tcwtl8gv99] {
        display: inline-block;
        z-index: 0;
        margin: 0 8px;
        width: 100%;
        transform: rotate(0);
        position: relative;
        left: auto;
        transform-origin: initial;
        bottom: auto;
    }

        .title-pain-unspoken h1 span[b-tcwtl8gv99]::before {
            content: "";
            position: absolute;
            background-image: url(/assets/imgs/drop.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            display: inline-flex;
            pointer-events: none;
            left: 99px;
            top: 38px;
            width: 19.825px;
            height: 14.751px;
        }

.card-information-dyn[b-tcwtl8gv99] {
    display: flex;
    width: 100%;
    max-width: 162px;
    height: auto;
    padding: 24px;
    align-items: start;
    gap: 0;
    flex-direction: column;
}

    .card-information-dyn .img-dyn[b-tcwtl8gv99] {
        display: flex;
        width: 100%;
        max-width: 138px;
        height: 95px;
        padding: 0px;
        justify-content: flex-start;
        align-items: start;
    }

        .card-information-dyn .img-dyn img[b-tcwtl8gv99] {
            object-fit: contain;
            width: 63px;
            height: 100px;
        }

img.percentage[b-tcwtl8gv99] {
    width: 25px;
}

.card-information-dyn .text-drop span[b-tcwtl8gv99] {
    z-index: 0;
    margin: 0 10px;
    position: relative;
}

    .card-information-dyn .text-drop span[b-tcwtl8gv99]::after {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/drop.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 12px;
        height: 18px;
        top: 29px;
    }

.card-information-dyn .max-text-card-dyn[b-tcwtl8gv99] {
    margin-top: 20px;
    width: 100%;
    max-width: 242px;
}

.card-information-dyn .uterus2[b-tcwtl8gv99] {
    width: 81.783px;
    height: 134px;
    aspect-ratio: 81.78/134.00;
}

.card-information-dyn .uterus1[b-tcwtl8gv99] {
    width: 100px !important;
    height: auto;
    aspect-ratio: 69/49;
}

.card-information-dyn .explosion[b-tcwtl8gv99] {
    width: 90px !important;
}



.text-especial[b-tcwtl8gv99] {
    width: 125px;
}

.text-especial2[b-tcwtl8gv99] {
    width: 93px;
}

.section-mjf-dyn[b-tcwtl8gv99] {
    /*    padding-top: 59px;
    padding-bottom: 63px;*/
    gap: 27px
}

    .section-mjf-dyn img[b-tcwtl8gv99] {
        width: 320px;
        height: 90.6px;
        object-fit: cover;
    }

.card-small-information-dyn[b-tcwtl8gv99] {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}

    .card-small-information-dyn .text-drop span[b-tcwtl8gv99] {
        z-index: 0;
        margin: 0 10px;
        position: relative;
    }

        .card-small-information-dyn .text-drop span[b-tcwtl8gv99]::after {
            content: "";
            position: absolute;
            background-image: url(/assets/imgs/drop.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            display: inline-flex;
            pointer-events: none;
            width: 11px;
            height: 19px;
            top: 26px;
        }

.img-small-dyn.ray2 img[b-tcwtl8gv99] {
    width: 58.386px;
    height: 59.658px;
}

.img-small-dyn.drop img[b-tcwtl8gv99] {
    width: 43px;
    height: 54px;
}

.img-small-dyn.flower img[b-tcwtl8gv99] {
    width: 57.009px;
    height: 73.473px;
}

.img-small-dyn.uterus img[b-tcwtl8gv99] {
    width: 69.73px;
    height: 46.002px;
}

.max-small-text-card-dyn[b-tcwtl8gv99] {
    width: 100%;
    max-width: 150px;
}

.section-main-dyn-small[b-tcwtl8gv99] {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.pb-36[b-tcwtl8gv99] {
    padding-bottom: 36px;
}

.btn-next-main-dyn[b-tcwtl8gv99] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

    .btn-next-main-dyn button[b-tcwtl8gv99] {
        position: absolute;
    }

.btn-prev-main-dyn[b-tcwtl8gv99] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

    .btn-prev-main-dyn button[b-tcwtl8gv99] {
        position: absolute;
        left: -65px;
    }


.fade-enter[b-tcwtl8gv99] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.fade-enter-active[b-tcwtl8gv99] {
    opacity: 1;
}

.fade-leave[b-tcwtl8gv99] {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.fade-leave-active[b-tcwtl8gv99] {
    opacity: 0;
}


.carousel-container[b-tcwtl8gv99] {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 1rem;
}

.carousel-buttons[b-tcwtl8gv99] {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1rem;
}

.carousel-content[b-tcwtl8gv99] {
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0;
}

    .carousel-content.active[b-tcwtl8gv99] {
        opacity: 1;
        position: relative;
    }

.div-indicators[b-tcwtl8gv99] {
    position: relative;
    height: 8px;
    padding-bottom: 52px;
    left: 19px;
    bottom: auto;
}

    .div-indicators .carousel-indicators[b-tcwtl8gv99] {
        padding-bottom: 52px;
        position: relative;
    }

    .div-indicators.own[b-tcwtl8gv99] {
        padding-bottom: 0;
    }

.btn-next-dyn img[b-tcwtl8gv99] {
    width: 38px;
    height: auto;
    object-fit: cover;
}

.div-indicators.sections[b-tcwtl8gv99] {
    position: relative;
    left: auto;
    bottom: -27px;
}

.btn-next-dyn[b-tcwtl8gv99] {
    margin-left: 0px;
    position: relative;
    left: -6px;
    z-index: 1;
}

    .btn-next-dyn.first[b-tcwtl8gv99] {
        bottom: auto;
        left: 13px;
        width: 38px;
    }

.btn-prev-dyn[b-tcwtl8gv99] {
    margin-right: 0px;
    left: 8px;
    z-index: 1;
    width: 38px;
    position: relative;
}

    .btn-prev-dyn img[b-tcwtl8gv99] {
        width: 38px;
        height: auto;
        object-fit: cover;
    }

.options-dyn .item-otion-dyn[b-tcwtl8gv99] {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .options-dyn .item-otion-dyn h3[b-tcwtl8gv99] {
        margin-bottom: 0;
    }

    .options-dyn .item-otion-dyn h3[b-tcwtl8gv99] {
        font-weight: 600;
    }

.content-dyn[b-tcwtl8gv99] {
    height: 785px !important;
    padding-top: 73px;
    padding-bottom: 73px;
}

    .content-dyn h2[b-tcwtl8gv99] {
        width: 100%;
        max-width: 232px;
    }

    .content-dyn .text-content-dyn[b-tcwtl8gv99] {
        width: 100%;
        max-width: 264px;
        margin-top: 0;
    }

.gap-18[b-tcwtl8gv99] {
    gap: 18px;
}

.line-small-red[b-tcwtl8gv99] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .line-small-red[b-tcwtl8gv99]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-line-dash.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        top: 22px;
        left: -4px;
        width: 156px;
        height: 12px;
    }

.line-big-red[b-tcwtl8gv99] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .line-big-red[b-tcwtl8gv99]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        width: 94px;
        bottom: -2px;
        height: 7px;
        right: -2px;
    }

.content-bleeding[b-tcwtl8gv99] {
    padding-top: 72px;
    padding-bottom: 72px;
    height: 100%;
    min-height: 785px;
}

    .content-bleeding img[b-tcwtl8gv99] {
        height: auto;
        object-fit: cover;
    }

.content-bleeding-title-img[b-tcwtl8gv99] {
    position: relative;
}

    .content-bleeding-title-img img[b-tcwtl8gv99] {
        position: absolute;
        bottom: -21px;
        left: -13px;
    }

.ls-3[b-tcwtl8gv99] {
    letter-spacing: 3.2px;
}

.ls-7[b-tcwtl8gv99] {
    letter-spacing: 7.68px;
}

.lh-111[b-tcwtl8gv99] {
    line-height: 111%;
}

.ls-072[b-tcwtl8gv99] {
    letter-spacing: 0.72px;
}

.text-dyn[b-tcwtl8gv99] {
    display: inline-flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
    gap: 13.483px;
    height: auto;
    width: max-content;
}

    .text-dyn h5[b-tcwtl8gv99] {
        color: #FEC442;
        font-family: Montserrat;
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        letter-spacing: 2.56px;
        z-index: 1;
        position: relative;
    }

    .text-dyn h6[b-tcwtl8gv99] {
        color: #FBEFEE;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1.92px;
        z-index: 1;
        position: relative;
    }

    .text-dyn.luteal[b-tcwtl8gv99] {
        width: 224px;
    }

.paint-brush-white[b-tcwtl8gv99] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .paint-brush-white img[b-tcwtl8gv99] {
        position: absolute;
        width: 233.507px;
        height: 52.052px;
        bottom: -6px;
        right: -22px;
    }

.circle-white[b-tcwtl8gv99] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .circle-white[b-tcwtl8gv99]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-circular-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        left: -11px;
        bottom: -31px;
        width: 122px;
        height: 90.565px;
    }

.long-dash[b-tcwtl8gv99] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .long-dash[b-tcwtl8gv99]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 127px;
        height: 11px;
        top: 19px;
        left: -4px;
    }

.small-line[b-tcwtl8gv99] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .small-line[b-tcwtl8gv99]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-line-dash.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        top: 21px;
        left: -8px;
        width: 185px;
        height: 14px;
    }


.content-bleeding-title[b-tcwtl8gv99] {
    width: 100%;
    max-width: 485px;
}

.texts-bleeding[b-tcwtl8gv99] {
    width: 294px;
    max-width: 100%;
}

    .texts-bleeding.foli[b-tcwtl8gv99] {
        position: relative;
        left: 0;
    }

    .texts-bleeding.luteal[b-tcwtl8gv99] {
        position: relative;
        left: 0;
    }

    .texts-bleeding.bleeding[b-tcwtl8gv99] {
        position: relative;
        left: 0;
    }

.max-h[b-tcwtl8gv99] {
    height: 21px;
    margin-top: 45px;
}

.content-bleeding-title.ovulation img[b-tcwtl8gv99] {
    bottom: -21px;
    left: -13px;
}


.content-bleeding-title.ovulation .title-ovulation[b-tcwtl8gv99] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    left: 31px;
}

.content-bleeding-title.luteal .title-luteal[b-tcwtl8gv99] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    left: 31px;
}

.content-bleeding-title.luteal[b-tcwtl8gv99] {
    max-width: none;
}

.content-bleeding-title .title-bleeding[b-tcwtl8gv99] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    left: 31px;
}

.text-dyn.ovulation[b-tcwtl8gv99] {
    width: 226px;
}

    .text-dyn.ovulation .long-dash[b-tcwtl8gv99]::before {
        background-image: url(/assets/imgs/pink-long-dash-line.svg);
        background-size: contain;
        background-position: left;
        top: 21px;
        left: -4px;
        width: 93px;
        height: 13px;
    }

    .text-dyn.ovulation .paint-brush-white img[b-tcwtl8gv99] {
        bottom: -6px;
        right: -24px;
        width: 161px;
        height: 47px;
        object-fit: fill;
    }

    .text-dyn.ovulation .circle-white[b-tcwtl8gv99]::before {
        background-image: url('assets/imgs/pink-small-circular-line.svg');
        background-size: contain;
        width: 79px;
        height: 49px;
        left: -10px;
        bottom: -13px;
    }

    .text-dyn.ovulation .small-line[b-tcwtl8gv99]::before {
        background-image: url(/assets/imgs/pink-line-dash.svg);
        background-size: contain;
        top: 23px;
        left: -4px;
        width: 65px;
        height: 7px;
    }


.content-bleeding-title.luteal img[b-tcwtl8gv99] {
    bottom: 6px;
    left: -45px;
}

.text-dyn.luteal .circle-white[b-tcwtl8gv99]::before {
    background-image: url('assets/imgs/blue-small-circular-line.svg');
    background-size: contain;
    width: 96px;
    height: 49px;
    left: -17px;
    bottom: -10px;
}

.text-dyn.luteal .long-dash[b-tcwtl8gv99]::before {
    background-image: url(/assets/imgs/blue-long-dash-line.svg);
    background-size: contain;
    background-position: left;
    top: 23px;
    left: -5px;
    width: 116px;
    height: 8px;
}

.text-dyn.luteal .paint-brush-white img[b-tcwtl8gv99] {
    bottom: -6px;
    right: -24px;
    width: 233.147px;
    height: 51.936px;
    object-fit: fill;
}

.carousel-content[b-tcwtl8gv99] {
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
    /*position: absolute;*/
    display: none;
    top: 0;
}

    .carousel-content.active[b-tcwtl8gv99] {
        opacity: 1;
        display: block;
    }

.content-bleeding-title.follicular img[b-tcwtl8gv99] {
    bottom: -66px;
    left: 30px;
}

.content-bleeding-title.follicular .big[b-tcwtl8gv99] {
    /*position: relative;*/
}

.text-dyn.follicular .long-dash[b-tcwtl8gv99]::before {
    background-image: url(/assets/imgs/yellow-long-dash-line.svg);
    width: 203px;
    height: 13px;
    top: 23px;
    left: -18px;
}

.text-dyn.follicular .paint-brush-white img[b-tcwtl8gv99] {
    bottom: -6px;
    right: -24px;
    width: 170px;
    height: 54px;
    object-fit: fill;
}

.text-dyn.follicular .small-line[b-tcwtl8gv99]::before {
    background-image: url(/assets/imgs/yellow-line-dash.svg);
    background-size: contain;
    top: 20px;
    left: -4px;
    width: 113px;
    height: 10px;
}

.text-dyn.follicular .circle-white[b-tcwtl8gv99]::before {
    background-image: url(/assets/imgs/yellow-circular-line.svg);
    background-size: contain;
    width: 128px;
    height: 54px;
    left: -19px;
    bottom: -16px;
}

.text-dyn.follicular[b-tcwtl8gv99] {
    width: 235px;
}

.title-follicular[b-tcwtl8gv99] {
    position: relative;
    left: 29px;
}

    .title-follicular .first[b-tcwtl8gv99] {
        position: relative;
        right: auto;
    }

.max-text-block[b-tcwtl8gv99] {
    width: 100%;
    max-width: 273px;
}

.image-girl-mort[b-tcwtl8gv99] {
    width: 100%;
    max-width: none;
    height: 294px;
    position: inherit;
}

    .image-girl-mort img[b-tcwtl8gv99] {
        position: absolute;
        width: calc(100vw - 0px);
        height: 294px;
        object-fit: cover;
        right: 0px;
        object-position:center;
    }

/*.image-girl-mort {
    width: 100vw;
    height: 184px;
    max-width: none;
}

    .image-girl-mort img {
        position: absolute;
        width: 100%;
        height: 184px;
        object-fit: cover;
        right: 0px;
    }
*/

.gap-40[b-tcwtl8gv99] {
    gap: 40px;
}

.section-myth-or-truth-or-truth[b-tcwtl8gv99] {
    padding-top: 71px;
    padding-bottom: 95px;
}

    .section-myth-or-truth-or-truth h3[b-tcwtl8gv99] {
        margin-bottom: 72px;
    }

    .section-myth-or-truth-or-truth p[b-tcwtl8gv99] {
        margin-bottom: 48px;
        height: 107px;
    }

.section-buttons[b-tcwtl8gv99] {
    gap: normal;
}

    .section-buttons button[b-tcwtl8gv99] {
        width: 130px;
        height: 50px;
    }

.section-myth-or-truth-or-truth .btn-next-mort[b-tcwtl8gv99] {
    position: relative;
    width: 30px;
    height: 60px;
    margin-left: 39px;
}

    .section-myth-or-truth-or-truth .btn-next-mort img[b-tcwtl8gv99] {
        position: relative;
        width: 38px;
        height: auto;
    }

    .section-myth-or-truth-or-truth .btn-next-mort.circular[b-tcwtl8gv99] {
        width: 40px;
        height: 42px;
        margin-left: 10px;
    }

        .section-myth-or-truth-or-truth .btn-next-mort.circular button[b-tcwtl8gv99] {
            bottom: -33px;
        }

    .section-myth-or-truth-or-truth .btn-next-mort button[b-tcwtl8gv99] {
        position: absolute;
        bottom: -32px;
        left: -8px
    }

.section-myth-or-truth-or-truth .btn-prev-mort[b-tcwtl8gv99] {
    position: relative;
    width: 30px;
    height: 60px;
    margin-left: 39px;
}

.section-myth-or-truth-or-truth .btn-prev-mort img[b-tcwtl8gv99]{
    position: relative;
    width: 38px;
    height: auto;
}

    .section-myth-or-truth-or-truth .btn-prev-mort.circular[b-tcwtl8gv99] {
        width: 40px;
        height: 42px;
        margin-left: 10px;
    }

        .section-myth-or-truth-or-truth .btn-prev-mort.circular button[b-tcwtl8gv99] {
            bottom: -116px;
        }

    .section-myth-or-truth-or-truth .btn-prev-mort button[b-tcwtl8gv99] {
        position: absolute;
        bottom: -32px;
        left: 18px;
        margin-left: -21px;
    }


.mith-or-truth-content[b-tcwtl8gv99] {
    width: 100%;
    max-width: 315px;
}

.section-myth-or-truth[b-tcwtl8gv99] {
    padding-top: 44px;
    padding-bottom: 64px;
    height: 778px;
}

    .section-myth-or-truth .myth-or-truth-img img[b-tcwtl8gv99] {
        width: 291.027px;
        height: 242.427px;
    }

.max-myth-or-truth-content[b-tcwtl8gv99] {
    margin-top: 30px;
    width: 100%;
    max-width: none;
}

    .max-myth-or-truth-content h4[b-tcwtl8gv99] {
        margin-bottom: 57px;
        margin-top: 16px;
        text-align: center;
    }

    .max-myth-or-truth-content button[b-tcwtl8gv99] {
        margin-top: 58px;
    }

    .max-myth-or-truth-content.truth[b-tcwtl8gv99] {
        margin-top: -6px;
    }

.switch-content[b-tcwtl8gv99] {
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    display: none;
}

    .switch-content.active[b-tcwtl8gv99] {
        opacity: 1;
        display: block;
    }

.title-drop[b-tcwtl8gv99] {
    padding-top: 72px;
    height: 115px;
    width: 320px;
}

.text-blog-drop[b-tcwtl8gv99] {
    height: 214.312px;
    position: relative;
    left: -20px;
    bottom: 27px;
    object-fit: cover;
    transform: rotateY(0deg);
}

.title-drop h2[b-tcwtl8gv99] {
    margin-bottom: 50px;
}

.flex-card-blog[b-tcwtl8gv99] {
    display: grid;
    gap: 80px 64px;
    grid-template-columns: 1fr;
    margin-top: 28px;
    justify-items: center;
    width: fit-content;
    position: relative;
    justify-content: center;
}

    .flex-card-blog h3[b-tcwtl8gv99] {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 3px;
    }

.card-blog[b-tcwtl8gv99] {
    display: flex;
    width: 100%;
    max-width: 341px;
    height: 280px;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    transition: padding 0.3s ease, background-color 0.3s ease;
    text-decoration: none;
}

    .card-blog img[b-tcwtl8gv99] {
        width: 100%;
        max-width: 340px;
        height: 150.37px;
        object-fit: cover;
        object-position: center;
    }

.center-img img[b-tcwtl8gv99] {
    object-position: center !important;
}

.text-card-blog[b-tcwtl8gv99] {
    color: var(--red) !important;
}

.card-blog:hover[b-tcwtl8gv99] {
    padding: 24px 20px;
    background-color: var(--red);
}

    .card-blog:hover .text-card-blog[b-tcwtl8gv99] {
        color: var(--white-base) !important;
    }

.link-dyn[b-tcwtl8gv99] {
    padding-top: 46px;
    padding-bottom: 0px;
}

.btns-blog[b-tcwtl8gv99] {
    padding-top: 70px;
    padding-bottom: 72px;
}

    .btns-blog a[b-tcwtl8gv99] {
        margin-top: 38px;
    }

.link-blog-dyn[b-tcwtl8gv99] {
    z-index: 1;
    width: 100% !important;
}

/*.card-blog-flow {
    width: 262px;
    height: 372px;
    display: flex;
}*/

    .card-blog-flow .main[b-tcwtl8gv99] {
    width: 260px;
    height: 180px;
    object-fit: cover;
}


.card-blog-flow[b-tcwtl8gv99] {
    width: 262px;
    height: 372px;
    display: flex;
    flex-direction: column;
}

    .card-blog-flow .imgs-flow[b-tcwtl8gv99] {
        width: 262px;
        height: 180px;
        position: relative;
    }



    .card-blog-flow .btn[b-tcwtl8gv99] {
        width: 42px;
        height: auto;
        position: absolute;
        object-fit: cover;
        padding: 0;
        top: 66px;
        bottom: 0px;
        left: 109px;
        right: 0;
    }

.text-card-blog-flow[b-tcwtl8gv99] {
    gap: 16px;
}

.card-blog-flow[b-tcwtl8gv99] {
    gap: 16px;
}

.flow-space[b-tcwtl8gv99] {
    width: 100%;
    max-width: 215px;
    justify-content: space-between;
}

.cads-flow[b-tcwtl8gv99] {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
}

.section-flow[b-tcwtl8gv99] {
    padding-top: 55px;
    padding-bottom: 82px;
}

    .section-flow h2[b-tcwtl8gv99] {
        margin-bottom: 50px;
    }

.scroll-cards-flow[b-tcwtl8gv99] {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scroll-snap-x[b-tcwtl8gv99] {
    scroll-snap-type: x mandatory;
    scroll-padding-left: 0;
}

    .scroll-snap-x > *[b-tcwtl8gv99] {
        scroll-snap-align: start;
    }



.carousel-wrapper[b-tcwtl8gv99] {
    position: relative;
    overflow: hidden;
    padding: 1rem 2rem;
}

.card-container[b-tcwtl8gv99] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 1rem 0;
}

.card-item[b-tcwtl8gv99] {
    flex: 0 0 auto;
    width: 250px;
}

.scroll-btn[b-tcwtl8gv99] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    cursor: pointer;
}

    .scroll-btn.left[b-tcwtl8gv99] {
        left: 0;
    }

    .scroll-btn.right[b-tcwtl8gv99] {
        right: 0;
    }

.p-flow[b-tcwtl8gv99] {
    padding: 0 1086px;
}

.flow-w[b-tcwtl8gv99] {
    width: calc(100vw - 15px) !important;
}


.max-own-title[b-tcwtl8gv99] {
    width: 294px;
    max-width: 294px;
    position: relative;
    left: 0px;
    height: 583px;
}

.max-w-content[b-tcwtl8gv99] {
    width: 100%;
    max-width: 348px;
    /*min-width: 348px;*/
}

    .max-w-content.first[b-tcwtl8gv99] {
        width: 100%;
        max-width: 294px;
        /*min-width: 348px;*/
    }

.mb-title[b-tcwtl8gv99] {
    margin-bottom: 52px;
}

.content-main-first[b-tcwtl8gv99] {
    width: 100%;
    max-width: 294px;
}

.vw-max[b-tcwtl8gv99] {
    width: 100vw;
}

.section-result[b-tcwtl8gv99] {
    height: 778px;
}

.myth-or-truth-img[b-tcwtl8gv99] {
    margin-bottom: 7px;
}

    .myth-or-truth-img .yay-img[b-tcwtl8gv99] {
        width: 183.552px;
        height: 187.453px;
        object-fit: cover;
    }

    .myth-or-truth-img .ohno-img[b-tcwtl8gv99] {
        width: 234.552px;
        height: 187.453px;
        object-fit: cover;
        left: 22px;
        position: relative;
    }

.myth-or-truth-img img[b-tcwtl8gv99] {
    width: 193.17px;
    height: 147px;
    object-fit: cover;
}

.mith-or-truth-content p[b-tcwtl8gv99] {
    margin-bottom: 122px;
}

.arrow-down[b-tcwtl8gv99] {
    width: 41px;
}

@media (min-width: 390px) {

    .section-mjf-dyn img[b-tcwtl8gv99] {
        width: 320px;
        height: 90.6px;
    }

    .section-mjf-dyn[b-tcwtl8gv99] {
        /*        padding-top: 59px;
        padding-bottom: 63px;*/
        gap: 27px
    }

    .options-dyn .item-otion-dyn h3[b-tcwtl8gv99] {
        font-weight: 600;
    }

    .content-dyn h2[b-tcwtl8gv99] {
        width: 100%;
        max-width: 315px;
    }

    .line-small-red[b-tcwtl8gv99]::before {
        top: 22px;
        left: -4px;
        width: 156px;
        height: 12px;
    }

/*    .btn-next-dyn {
        margin-left: 0px;
        left: auto;
    }

        .btn-next-dyn img {
            width: auto;
            height: auto;
            object-fit: cover;
        }*/

/*    .btn-prev-dyn {
        margin-right: 0px;
        left: auto;
        position: relative;
    }

        .btn-prev-dyn img {
            width: auto;
            height: auto;
            object-fit: cover;
        }*/

    .line-big-red[b-tcwtl8gv99]::before {
        width: 94px;
        bottom: -2px;
        height: 7px;
        right: -2px;
    }

    .content-bleeding-title[b-tcwtl8gv99] {
        width: 100%;
        max-width: 100%;
    }

    .text-dyn[b-tcwtl8gv99] {
        gap: 13.483px;
        height: auto;
    }

    .max-h[b-tcwtl8gv99] {
        height: 21px;
        margin-top: 45px;
    }

    .flex-card[b-tcwtl8gv99] {
        grid-template-columns: 1fr;
    }

    .card-blog[b-tcwtl8gv99] {
        max-width: 341px;
        height: 280px;
        gap: 19px;
    }

        .card-blog img[b-tcwtl8gv99] {
            max-width: 340px;
            height: 150.37px;
        }

        .card-blog:hover[b-tcwtl8gv99] {
            padding: 10px 20px;
            height: 300px;
        }

    .card-information-dyn[b-tcwtl8gv99] {
        display: flex;
        width: 100%;
        max-width: 452px;
        height: auto;
        padding: 24px;
        align-items: start;
        gap: 0;
        flex-direction: column;
    }
}

@media (min-width: 768px) {

    .section-myth-or-truth-or-truth .btn-next-mort img[b-tcwtl8gv99] {
        position: relative;
        width: auto;
        height: auto;
    }

    .section-myth-or-truth-or-truth .btn-prev-mort img[b-tcwtl8gv99] {
        position: relative;
        width: auto;
        height: auto;
    }

    .section-result[b-tcwtl8gv99] {
        height: 1031.58px;
    }

    .myth-or-truth-img[b-tcwtl8gv99] {
        margin-bottom: 122px;
    }


        .myth-or-truth-img .yay-img[b-tcwtl8gv99] {
            width: 275.552px;
            height: 266.453px;
            object-fit: cover;
        }

        .myth-or-truth-img .ohno-img[b-tcwtl8gv99] {
            width: 344.552px;
            height: 266.453px;
            object-fit: cover;
            left: 22px;
            position: relative;
        }

    .mith-or-truth-content p[b-tcwtl8gv99] {
        margin-bottom: 84px;
    }

    .link-blog-dyn[b-tcwtl8gv99] {
        width: 487px !important;
    }

    .card-information-dyn[b-tcwtl8gv99] {
        display: flex;
        width: 100%;
        max-width: 452px;
        height: 183px;
        padding: 24px;
        align-items: center;
        gap: 40px;
        flex-direction:row
    }

        .card-information-dyn .img-dyn[b-tcwtl8gv99] {
            display: flex;
            width: 100%;
            max-width: 138px;
            height: 95px;
            padding: 0px 35.752px 0.235px 35px;
            justify-content: center;
            align-items: center;
        }

    img.percentage[b-tcwtl8gv99] {
        width: auto;
    }

    .card-information-dyn .img-dyn img[b-tcwtl8gv99] {
        object-fit: contain;
        width: auto;
        height: auto;
    }

    .card-information-dyn .text-drop span[b-tcwtl8gv99] {
        z-index: 0;
        margin: 0 10px;
        position: relative;
    }

        .card-information-dyn .text-drop span[b-tcwtl8gv99]::after {
            content: "";
            position: absolute;
            background-image: url(/assets/imgs/drop.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            display: inline-flex;
            pointer-events: none;
            width: 13px;
            height: 20px;
            top: 66px;
        }

    .card-information-dyn .max-text-card-dyn[b-tcwtl8gv99] {
        margin-top: 20px;
        width: 100%;
        max-width: 242px;
        height: 54px;
    }

    .card-information-dyn .uterus2[b-tcwtl8gv99] {
        width: 81.783px !important;
        height: 134px !important;
        aspect-ratio: 81.78/134.00;
    }

    .card-information-dyn .uterus1[b-tcwtl8gv99] {
        width: 138px !important;
        height: 98px !important;
        aspect-ratio: 69/49;
    }

    .card-information-dyn .explosion[b-tcwtl8gv99] {
        width: auto !important;
    }

    .text-especial2[b-tcwtl8gv99] {
        width: 164px;
    }

    .text-especial[b-tcwtl8gv99] {
        width: 211px;
    }

    .link-dyn[b-tcwtl8gv99] {
        padding-top: 46px;
        padding-bottom: 0;
    }

    .vw-max[b-tcwtl8gv99] {
        width: auto;
    }

    .content-main-first[b-tcwtl8gv99] {
        width: 100%;
        max-width: none;
    }

    .texts-bleeding[b-tcwtl8gv99] {
        width: 100%;
        max-width: 100%;
    }

    .max-w-content[b-tcwtl8gv99] {
        max-width: 656px;
        min-width: auto;
    }

        .max-w-content.first[b-tcwtl8gv99] {
            max-width: none;
            min-width: auto;
        }

    .title-pain-unspoken h1 span[b-tcwtl8gv99]::before {
        left: 201px;
        top: 86px;
        width: 22.726px;
        height: 32.024px;
    }

    .title-pain-unspoken h1[b-tcwtl8gv99] {
        /*bottom: 148px;*/
        bottom: -102px;
    }

    .title-pain-unspoken[b-tcwtl8gv99] {
        width: 200px;
    }

        .title-pain-unspoken h1[b-tcwtl8gv99] {
            position: absolute;
            display: inline-block;
            z-index: 0;
            margin: 0 8px;
            transform: rotate(-90deg);
            transform-origin: left top;
            /*width: 562px;*/
            width: 722px;
            left: -27px;
        }

    .section-mjf-dyn img[b-tcwtl8gv99] {
        width: 328px;
        height: 93.62px;
    }

    .section-mjf-dyn[b-tcwtl8gv99] {
        /*        padding-top: 111px;
        padding-bottom: 45px;*/
        gap: 46px
    }

    .pb-md-64[b-tcwtl8gv99] {
        padding-bottom: 64px;
    }

    .options-dyn .item-otion-dyn h3[b-tcwtl8gv99] {
        font-weight: 400;
    }

    .content-dyn[b-tcwtl8gv99] {
        /*        padding-top: 192px;
        padding-bottom: 129px;*/
        height: 820px !important;
        padding-bottom: 73px;
    }

        .content-dyn h2[b-tcwtl8gv99] {
            width: 100%;
            max-width: 282px;
        }

        .content-dyn .text-content-dyn[b-tcwtl8gv99] {
            max-width: 360px;
            margin-top: 35px;
        }

    .gap-md-42[b-tcwtl8gv99] {
        gap: 42px;
    }

    .line-small-red[b-tcwtl8gv99]::before {
        top: 32px;
        left: -11px;
        width: 253px;
        height: 15px;
    }

    .btn-next-dyn[b-tcwtl8gv99] {
        width: 59px;
        margin-left: 0;
        left: auto;
    }

        .btn-next-dyn img[b-tcwtl8gv99] {
            width: 60px;
            height: 60.900px;
            object-fit: cover;
            position: relative;
            left: -7px;
        }

        .btn-next-dyn.first[b-tcwtl8gv99] {
            width: 59px;
            bottom: 0px;
            left: -10px;
        }

            .btn-next-dyn.first img[b-tcwtl8gv99] {
                width: 60px;
                height: 60.900px;
                object-fit: cover;
                position: relative;
                left: 3px;
            }

    .btn-prev-dyn[b-tcwtl8gv99] {
        width: 13px;
        margin-right: 0;
        left: auto;
    }

        .btn-prev-dyn img[b-tcwtl8gv99] {
            width: 60px;
            height: 60.900px;
            object-fit: cover;
        }

    .line-big-red[b-tcwtl8gv99]::before {
        width: 155px;
        bottom: -2px;
        height: 8px;
        right: -2px;
    }

    .content-bleeding[b-tcwtl8gv99] {
        height: 820px;
        min-height: auto;
        /*min-height: 652px;*/
    }

    .dyn-h[b-tcwtl8gv99] {
        height: 820px;
    }

    .content-bleeding-title[b-tcwtl8gv99] {
        width: 100%;
        max-width: 100%;
        position: relative;
        bottom: -20px;
    }

        .content-bleeding-title.ovulation[b-tcwtl8gv99] {
            width: 100%;
            max-width: 244px;
            position: relative;
            bottom: -34px;
        }

    .content-bleeding-title-img img[b-tcwtl8gv99] {
        position: absolute;
        bottom: -9px;
        left: auto;
        right: 205px;
        height: 129px;
    }

    .text-dyn[b-tcwtl8gv99] {
        gap: 13.483px;
        height: 331px;
        margin: 0 107px;
        margin-bottom: 108px;
    }

    .max-h[b-tcwtl8gv99] {
        height: 21px;
        margin-top: 0;
    }

    .content-bleeding-title.ovulation .title-ovulation[b-tcwtl8gv99] {
        width: 100%;
        max-width: 100%;
        position: relative;
        left: 0px;
    }

    .content-bleeding-title.ovulation img[b-tcwtl8gv99] {
        bottom: 13px;
        height: 137px;
        left: -81px;
        right: 248px;
        transform: rotate(19deg);
    }

    .texts-bleeding.ovulation[b-tcwtl8gv99] {
        position: relative;
        left: 71px;
    }

    .texts-bleeding.luteal[b-tcwtl8gv99] {
        position: relative;
        left: 40px;
    }

    .texts-bleeding.bleeding[b-tcwtl8gv99] {
        position: relative;
        left: 41px;
    }

    .texts-bleeding.foli[b-tcwtl8gv99] {
        position: relative;
        left: 40px;
    }

    .content-bleeding-title.luteal[b-tcwtl8gv99] {
        max-width: 235px;
    }

    .content-bleeding-title.luteal img[b-tcwtl8gv99] {
        bottom: 81px;
        height: 154px;
        left: auto;
        right: 135px;
        transform: rotate(0deg);
    }

    .content-bleeding-title.luteal .title-luteal[b-tcwtl8gv99] {
        width: 100%;
        max-width: 100%;
        position: relative;
        left: 0px;
    }

    .content-bleeding-title .title-bleeding[b-tcwtl8gv99] {
        width: 100%;
        max-width: 100%;
        position: relative;
        left: 0px;
    }

    .content-bleeding-title.follicular img[b-tcwtl8gv99] {
        bottom: 27px;
        left: 23px;
        height: 125px;
        right: 234px;
    }

    .title-follicular[b-tcwtl8gv99] {
        left: auto;
        z-index: 1;
    }

    .text-dyn[b-tcwtl8gv99] {
        margin-bottom: 0px;
        height: 372px;
        margin: 0;
    }

    .max-text-block[b-tcwtl8gv99] {
        max-width: 423px;
    }

    .section-myth-or-truth-or-truth[b-tcwtl8gv99] {
        padding-top: 100px;
        padding-bottom: 128px;
    }

    .section-buttons[b-tcwtl8gv99] {
        gap: 42px;
    }

        .section-buttons button[b-tcwtl8gv99] {
            width: 219px;
            left: auto
        }

    /*    .content-mort {
        max-width: 695px;
        width: 100%;
    }*/

    .image-girl-mort img[b-tcwtl8gv99] {
        position: absolute;
        width: 670px;
        height: 402px;
        object-fit: cover;
        right: -73px;
    }

    .section-myth-or-truth-or-truth .btn-next-mort button[b-tcwtl8gv99] {
        bottom: -17px;
        left: 65px;
    }

    .section-myth-or-truth-or-truth .btn-prev-mort button[b-tcwtl8gv99] {
        bottom: -112px;
        left: -44px;
        margin-left: 0;
    }

    .image-girl-mort[b-tcwtl8gv99] {
        width: 100%;
        max-width: 551px;
        height: 402px;
        position: relative;
    }

    .mith-or-truth-content[b-tcwtl8gv99] {
        width: 100%;
        max-width: 479px;
    }


    .section-myth-or-truth[b-tcwtl8gv99] {
        padding-top: 61px;
        padding-bottom: 106px;
        height: 1019px;
    }

    .max-myth-or-truth-content[b-tcwtl8gv99] {
        margin-top: 50px;
        max-width: 1067px;
    }

        .max-myth-or-truth-content.truth[b-tcwtl8gv99] {
            margin-top: -33px;
        }


    .max-myth-or-truth-content[b-tcwtl8gv99] {
        margin-top: 0;
        max-width: 1067px;
    }

        .max-myth-or-truth-content h4[b-tcwtl8gv99] {
            margin-top: 0;
            margin-bottom: 57px;
        }

        .max-myth-or-truth-content button[b-tcwtl8gv99] {
            margin-top: 58px;
        }

    .text-blog-drop[b-tcwtl8gv99] {
        width: 154.625px;
        height: 238px;
        position: relative;
        left: -15px;
        bottom: 14px;
        transform: rotateY(0);
    }

    .title-drop[b-tcwtl8gv99] {
        padding-top: 72px;
        height: 162px;
        width: auto;
    }

    .flex-card-blog[b-tcwtl8gv99] {
        grid-template-columns: 1fr;
        margin-top: 46px;
    }

    .card-blog[b-tcwtl8gv99] {
        display: flex;
        max-width: 459px;
        height: 415px;
        flex-direction: column;
        align-items: center;
        gap: 19px;
    }

        .card-blog img[b-tcwtl8gv99] {
            max-width: 459px;
            height: 203px;
        }

        .card-blog:hover[b-tcwtl8gv99] {
            padding: 10px 20px;
            height: 415px;
        }

    .btns-blog[b-tcwtl8gv99] {
        padding-top: 40px;
        padding-bottom: 72px;
    }

    .card-blog-flow[b-tcwtl8gv99] {
        width: 340px;
        height: 432px;
        display: flex;
        flex-direction: column;
    }

        .card-blog-flow .imgs-flow[b-tcwtl8gv99] {
            width: 340px;
            height: 240px;
            position: relative;
        }


        .card-blog-flow .main[b-tcwtl8gv99] {
            width: 340px;
            height: 240px;
        }

        .card-blog-flow .btn[b-tcwtl8gv99] {
            width: auto;
            height: auto;
            position: absolute;
            object-fit: cover;
            padding: 0;
            top: 83px;
            bottom: 0px;
            left: 144px;
            right: 0;
        }

    .cads-flow[b-tcwtl8gv99] {
        display: flex;
        gap: 32px;
        margin-bottom: 56px;
    }

    .section-flow[b-tcwtl8gv99] {
        padding-top: 129px;
        padding-bottom: 123px;
    }

        .section-flow h2[b-tcwtl8gv99] {
            margin-bottom: 80px;
        }

    .mb-title[b-tcwtl8gv99] {
        margin-bottom: 100px;
    }

    .max-own-title[b-tcwtl8gv99] {
        width: 100%;
        max-width: 607px;
        left: 0;
        height: 568px;
    }

    .gap-18[b-tcwtl8gv99] {
        gap: 43px;
    }

    .div-indicators.sections[b-tcwtl8gv99] {
        bottom: -147px;
        left: -6px;
    }

    .div-indicators[b-tcwtl8gv99] {
        position: relative;
        height: 8px;
        padding-bottom: 52px;
        left: auto;
        bottom: auto;
    }
}


@media (min-width: 992px) {

    .gap-18[b-tcwtl8gv99] {
        gap: 18px;
    }

    .max-text-block[b-tcwtl8gv99] {
        max-width: 463px;
    }

    .card-information-dyn[b-tcwtl8gv99] {
        display: flex;
        width: 100%;
        max-width: 346px;
        height: 183px;
        padding: 0px;
        align-items: center;
        gap: 0px;
        flex-direction: row
    }

        .card-information-dyn .img-dyn .uterus1[b-tcwtl8gv99] {
            position: relative;
            left: -10px;
            top: -10px;
        }

        .section-result[b-tcwtl8gv99] {
            height: 655px;
        }

    .link-blog-dyn[b-tcwtl8gv99] {
        width: 927px !important;
    }

    .content-dyn h2[b-tcwtl8gv99] {
        width: 100%;
        max-width: 345px;
    }

    .max-w-content[b-tcwtl8gv99] {
        max-width: none;
        min-width: none;
    }

    .div-indicators.sections[b-tcwtl8gv99] {
        position: relative;
        left: auto;
        bottom: auto;
    }

    .mb-title[b-tcwtl8gv99] {
        margin-bottom: 64px;
    }

    .title-pain-unspoken h1 span[b-tcwtl8gv99]::before {
        left: 225px;
        top: 86px;
        width: 22.726px;
        height: 32.024px;
    }

    .title-pain-unspoken h1[b-tcwtl8gv99] {
        bottom: -192px;
        width: 562px;
    }

    .section-mjf-dyn[b-tcwtl8gv99] {
        /*        padding-top: 132px;
        padding-bottom: 100px;*/
        gap: 90px
    }

    .pb-lg-100[b-tcwtl8gv99] {
        padding-bottom: 100px;
    }

    .content-dyn[b-tcwtl8gv99] {
        padding-top: 72px;
        padding-bottom: 72px;
        height: 586px !important;
    }

        .content-dyn .text-content-dyn[b-tcwtl8gv99] {
            max-width: 422px;
            margin-top: 0;
        }

    .gap-lg-132[b-tcwtl8gv99] {
        gap: 132px;
    }

    .btn-next-dyn[b-tcwtl8gv99] {
        width: 130px;
        margin-left: 0;
        left: 19px;
    }

        .btn-next-dyn.first[b-tcwtl8gv99] {
            bottom: 0;
            width: 0;
            left: -57px;
        }

            .btn-next-dyn.first img[b-tcwtl8gv99] {
                left: -12px;
            }

    .btn-prev-dyn[b-tcwtl8gv99] {
        width: 130px;
        margin-right: 0;
        left: -19px;
    }

    .content-bleeding[b-tcwtl8gv99] {
        height: 586px;
        min-height: auto;
        /*min-height: 649px;*/
    }

    .dyn-h[b-tcwtl8gv99] {
        height: 586px;
    }

    .content-bleeding-title[b-tcwtl8gv99] {
        width: 100%;
        max-width: 557px;
        position: relative;
        bottom: -34px;
    }

    .content-bleeding-title.ovulation[b-tcwtl8gv99] {
        width: 100%;
        max-width: 557px;
        position: relative;
        bottom: -34px;
    }

        .content-bleeding-title.luteal[b-tcwtl8gv99] {
            width: 100%;
            max-width: 370px;
        }

        .content-bleeding-title.bleeding[b-tcwtl8gv99] {
            width: 100%;
            max-width: 479px;
        }

    .content-bleeding-title-img img[b-tcwtl8gv99] {
        position: absolute;
        height: 229px;
        bottom: 90px;
        left: 16px;
        right: auto;
        transform: rotate(358deg);
    }

    .text-dyn[b-tcwtl8gv99] {
        gap: 13.483px;
        height: 372px;
        margin: 0;
        margin-bottom: 0;
    }

        .text-dyn.follicular[b-tcwtl8gv99] {
            margin-bottom: 0;
        }

    .max-h[b-tcwtl8gv99] {
        height: 8px;
        margin-top: 63px;
    }

    .content-bleeding-title.ovulation img[b-tcwtl8gv99] {
        bottom: 9px;
        height: 174px;
        left: 18px;
        right: auto;
        transform: rotate(0deg);
    }

    .texts-bleeding.foli[b-tcwtl8gv99] {
        position: relative;
        left: 23px;
    }

    .texts-bleeding.luteal[b-tcwtl8gv99] {
        position: relative;
        left: 0;
    }

    .texts-bleeding.bleeding[b-tcwtl8gv99] {
        position: relative;
        left: 0;
    }

    .texts-bleeding.ovulation[b-tcwtl8gv99] {
        position: relative;
        left: -37px;
    }

    .content-bleeding-title.luteal img[b-tcwtl8gv99] {
        bottom: 111px;
        height: 200px;
        left: auto;
        right: 200px;
        transform: rotate(0deg);
    }

    .content-bleeding-title.follicular img[b-tcwtl8gv99] {
        bottom: 20px;
        left: -15px;
        right: auto;
        transform: rotate(0deg);
        width: 201.669px;
        height: 199px;
    }

    .title-follicular .first[b-tcwtl8gv99] {
        position: relative;
        /*right: 62px;*/
    }

    .section-myth-or-truth-or-truth[b-tcwtl8gv99] {
        padding-top: 71px;
        padding-bottom: 97px;
    }

        /*    .content-mort {
        max-width: 913px;
        width: 100%;
    }*/

        .section-myth-or-truth-or-truth p[b-tcwtl8gv99] {
            margin-bottom: 48px;
            height: fit-content;
        }

        .section-myth-or-truth-or-truth .btn-next-mort[b-tcwtl8gv99] {
            width: 30px;
            height: 60px;
            margin-left: 39px;
        }

            .section-myth-or-truth-or-truth .btn-next-mort button[b-tcwtl8gv99] {
                left: -9px;
                bottom: -30px;
            }

        .section-myth-or-truth-or-truth .btn-prev-mort[b-tcwtl8gv99] {
            width: 0px;
            height: 60px;
            margin-left: 0;
        }

            .section-myth-or-truth-or-truth .btn-prev-mort button[b-tcwtl8gv99] {
                left: -49px;
                bottom: -30px;
                margin-left: 0;
            }

    .section-myth-or-truth[b-tcwtl8gv99] {
        padding-top: 52px;
        padding-bottom: 97px;
        height: 718px;
    }

    .myth-or-truth-img[b-tcwtl8gv99] {
        margin-bottom: 0px;
    }

        .section-myth-or-truth .myth-or-truth-img img[b-tcwtl8gv99] {
            position: relative;
        }

    .myth-or-truth-img .yay-img[b-tcwtl8gv99] {
        width: 270.552px;
        height: 270.453px;
        object-fit: cover;
    }

    .myth-or-truth-img .ohno-img[b-tcwtl8gv99] {
        width: 332.552px;
        height: 280.453px;
        left: 22px;
        position: relative;
        object-fit: cover;
    }

    .max-myth-or-truth-content[b-tcwtl8gv99] {
        margin-top: 50px;
        max-width: 1067px;
    }

        .max-myth-or-truth-content h4[b-tcwtl8gv99] {
            margin-top: 0;
            margin-bottom: 64px;
            text-align: left;
        }

        .max-myth-or-truth-content button[b-tcwtl8gv99] {
            margin-top: 58px;
        }

    .title-drop[b-tcwtl8gv99] {
        padding-top: 72px;
        height: 200px;
    }

    .text-blog-drop[b-tcwtl8gv99] {
        width: 279px;
        height: 429px;
        position: relative;
        left: -237px;
        bottom: 152px;
    }

    .card-blog[b-tcwtl8gv99] {
        max-width: 433px;
        height: 415px;
        gap: 19px;
    }

        .card-blog img[b-tcwtl8gv99] {
            max-width: 433px;
            height: 203px;
        }

        .card-blog:hover[b-tcwtl8gv99] {
            height: 415px;
            padding: 24px 20px;
        }

    .flex-card-blog[b-tcwtl8gv99] {
        margin-top: 46px;
        grid-template-columns: 1fr 1fr;
    }

    .btns-blog[b-tcwtl8gv99] {
        padding-top: 20px;
        padding-bottom: 72px;
    }

        .btns-blog a[b-tcwtl8gv99] {
            margin-top: 0;
        }

    .section-flow[b-tcwtl8gv99] {
        padding-top: 109px;
        padding-bottom: 108px;
    }

        .section-flow h2[b-tcwtl8gv99] {
            margin-bottom: 50px;
        }

    .cads-flow[b-tcwtl8gv99] {
        margin-bottom: 64px;
    }

    .flow-bnt-next[b-tcwtl8gv99] {
        position: relative;
        width: 0;
        height: 60px;
    }

        .flow-bnt-next button[b-tcwtl8gv99] {
            position: absolute;
            right: -19px;
        }

    .flow-bnt-prev[b-tcwtl8gv99] {
        position: relative;
        width: 0;
        height: 60px;
    }

        .flow-bnt-prev button[b-tcwtl8gv99] {
            position: absolute;
            left: -19px;
            z-index: 1;
        }

    .flow-w[b-tcwtl8gv99] {
        width: 100% !important;
    }

    .max-own-title[b-tcwtl8gv99] {
        max-width: 823px;
        left: 13px;
        height: auto;
    }

    .image-girl-mort[b-tcwtl8gv99] {
        width: 100%;
        max-width: 400px;
        height: 402px;
    }

        .image-girl-mort img[b-tcwtl8gv99] {
            position: absolute;
            width: 392px;
            height: 402px;
            object-fit: cover;
            right: 6px;
            object-position: -174px 0;
        }

    .mith-or-truth-content p[b-tcwtl8gv99] {
        margin-bottom: 104px;
    }

    .mith-or-truth-content[b-tcwtl8gv99] {
        width: 100%;
        max-width: 598px;
    }
}

@media (min-width: 1400px) {
/*    .max-own-title {
        width: 100%;
        max-width: 823px;
        left: 30px;
    }

    .content-bleeding-title.follicular img {
        bottom: 20px;
        left: -10px;
        right: auto;
        transform: rotate(0deg);
        width: 201.669px;
        height: 199px;
    }*/
}

@media (min-width: 1200px) {
/*    .content-bleeding-title.follicular img {
        bottom: 20px;
        left: 93px;
        right: auto;
        transform: rotate(0deg);
        width: 201.669px;
        height: 199px;
    }

   .content-bleeding-title.ovulation img {
        bottom: 3px;
        height: 201px;
        left: 95px;
        right: auto;
        transform: rotate(0deg);
    }

    .content-bleeding-title-img img {
        position: absolute;
        height: 196px;
        bottom: -39px;
        left: -17px;
        right: auto;
        transform: rotate(358deg);
    }*/
}
/* /Pages/HomePage.razor.rz.scp.css */
.typing-container[b-9f1s65qny2] {
    font-family: sans-serif;
    /*font-weight: bold;*/
    color: #333;
    height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    height: 48px;
    width: 100%;
    top: -105px;
}

    .typing-container p[b-9f1s65qny2] {
        height: 20px;
        position: absolute;
        bottom: 8px;
    }

.fade-out[b-9f1s65qny2] {
    animation: fadeOut-b-9f1s65qny2 0.1s ease forwards;
}

#static-text.hide[b-9f1s65qny2] {
    display: none;
}

.bg-img-home[b-9f1s65qny2] {
    background-image: url(/assets/imgs/bg-home-loading.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 70%;
    background-position-x: 47%;
}


@keyframes fadeOut-b-9f1s65qny2 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


/* ##### Main Section ##### */
.video-diy[b-9f1s65qny2] {
    object-position: -425px 0;
    object-fit: cover;
}

.max-h-72[b-9f1s65qny2] {
    height: 72px;
    background-color: transparent !important;
}

.title-main[b-9f1s65qny2] {
    bottom: calc(185px - 27px);
}
/* ##### End Main Section ##### */

.max-h-red[b-9f1s65qny2] {
    height: 657px;
    padding-bottom: 72px;
    padding-top: 88px;
}

.text-section2-main[b-9f1s65qny2] {
    max-width: 590px;
    width: 100%;
}

.text-section2-main[b-9f1s65qny2] {
    max-width: none;
    width: 100%;
}

    .text-section2-main .small[b-9f1s65qny2] {
        max-width: 271px !important;
    }

    .text-section2-main .app-text-white-original[b-9f1s65qny2] {
        max-width: 159px;
    }


.image-section2[b-9f1s65qny2] {
    margin-right: 113px;
    margin-top: 23px;
    max-width: 390px;
    width: 100%;
}

    .image-section2 img[b-9f1s65qny2] {
        max-width: 299.264px;
        width: 100%;
    }

.line-dash[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .line-dash[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/white-line-dash.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        top: 16px;
        left: -4px;
        width: 72px;
        height: 8px;
    }

.circular-dash[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 8px;
}

    .circular-dash[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/white-stretched-circular-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        left: -10px;
        bottom: -18px;
        width: 84px;
        height: 53px;
    }

.big-line-dash[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .big-line-dash[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/white-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 89.151px;
        height: 10px;
        top: 20px;
        left: -5px;
    }

/* ##### NOT YOUR AVERAGE PATCH Section ##### */
#not-your-average-brand[b-9f1s65qny2] {
    background-image: url(/assets/imgs/home-mobile-section.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 47%;
    background-position-y: center;
    margin-top: -68px;
}
/* ##### End NOT YOUR AVERAGE BRAND Section ##### */

.feedback-wrapper[b-9f1s65qny2] {
    position: relative;
    overflow: hidden;
}

.feedback-card[b-9f1s65qny2] {
    transition: transform 0.5s ease, opacity 0.5s ease;
}


.enter[b-9f1s65qny2] {
    animation: slideIn-b-9f1s65qny2 0.5s ease forwards;
}


.exit[b-9f1s65qny2] {
    animation: slideOut-b-9f1s65qny2 0.5s ease forwards;
}

@keyframes slideIn-b-9f1s65qny2 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes slideOut-b-9f1s65qny2 {
    from {
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}

.max-h-white[b-9f1s65qny2] {
    height: 1200px;
}

.title-section3[b-9f1s65qny2] {
    color: var(--red);
    font-family: Ahsing;
    font-size: 64px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 24px;
}

.max-w-511[b-9f1s65qny2] {
    max-width: none;
}

.line-dash-red[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .line-dash-red[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-line-dash.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        width: 104px;
        height: 7px;
        bottom: -2px;
        left: -4px;
    }

.circular-dash-red[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 8px;
}

    .circular-dash-red[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-circular-line-small.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        left: -8px;
        bottom: -12px;
        width: 90px;
        height: 43px;
    }

.big-line-dash-red[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .big-line-dash-red[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        bottom: -2px;
        width: 75px;
        height: 6px;
        right: -2px;
    }

.label-section3[b-9f1s65qny2] {
    color: var(--red);
    font-family: Poppins;
    font-size: 10.942px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 13.131px */
    margin-bottom: 7px;
}

.max-w-input[b-9f1s65qny2] {
    width: 100%;
    max-width: 350px;
}


.quote-text-section3[b-9f1s65qny2] {
    color: var(--red);
    font-family: Montserrat !important;
    /*font-size: 32px !important;*/
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 267px;
    width: 100%;
    position: relative;
    display: inline-block;
    z-index: 0;
    padding-left: 23px;
}

    .quote-text-section3[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/quotes-above.svg);
        width: 37.001px;
        height: 31.538px;
        left: -20px;
        top: -8px;
    }

    .quote-text-section3[b-9f1s65qny2]::after {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/quotes-below.svg);
        width: 37.001px;
        height: 31.538px;
        /*right: 50px;*/
    }

.author-section3[b-9f1s65qny2] {
    color: var(--red);
    font-family: Montserrat;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 23px;
    display: flex;
    align-items: center;
    gap: 20px;
}

    .author-section3[b-9f1s65qny2]::before {
        content: "";
        display: inline-block;
        position: relative;
        bottom: -2px;
        left: 0;
        width: 83px;
        height: 2px;
        background: var(--red);
    }

.card-mjf[b-9f1s65qny2] {
    max-width: 639px;
    width: 318px;
    margin-top: -109px;
    height: 402px;
    right: 13px;
    position: relative;
    object-fit: scale-down;
}

/* ##### End NOT YOUR AVERAGE PATCH Section ##### */
.girl-image[b-9f1s65qny2] {
    background-image: url(/assets/imgs/girl-home-section.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 60%;
    width: 100%;
    height: 350px;
}


/* ##### MEET MARY JANE Section ##### */

.section4[b-9f1s65qny2] {
    height: auto;
    width: 100%;
    background-color: var(--red);
    overflow: hidden;
}

.section-text4[b-9f1s65qny2] {
    max-width: 511px;
    min-width: none;
    width: 100%;
    /*    padding-top: 90px;
    padding-bottom: 0px;*/
}

.max-h-text[b-9f1s65qny2] {
    max-width: none;
    width: 100%;
}

.div-daiana[b-9f1s65qny2] {
    max-width: 940px;
    width: 100vw;
    height: 448px;
    position: relative;
}

.daiana-image[b-9f1s65qny2] {
    background-image: url(/assets/imgs/image-daiana.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-flex;
    position: absolute;
    width: 100vw;
    height: 448px;
    left: 0;
    right: 0;
    top: 75px;
}

/* ##### End MEET MARY JANE Section ##### */


/* ##### WANT TO HAVE SOME FUN? Section ##### */
.section5[b-9f1s65qny2] {
    width: 100%;
    height: 1101px;
    background-color: #FBEFEE;
    padding-top: 70px;
    padding-bottom: 70px;
}

.subtitle-section5[b-9f1s65qny2] {
    margin-bottom: 55px;
}

.text-section5[b-9f1s65qny2] {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 3px;
}

.check-image[b-9f1s65qny2] {
    width: 36px;
    height: 33px;
}

.image-goblet[b-9f1s65qny2] {
    margin-right: 0px;
    position: relative;
    width: 100%;
}

    .image-goblet img[b-9f1s65qny2] {
        width: 170px;
        position: relative;
        right: auto;
        top: auto;
    }
/* ##### End WANT TO HAVE SOME FUN? Section ##### */





/* ##### YOU RE NOT ALONE Section ##### */

.section6[b-9f1s65qny2] {
    height: 839px;
    width: 100%;
    background-color: var(--red);
    padding-top: 105px;
    padding-bottom: 94px;
}

.title-section6[b-9f1s65qny2] {
    /*margin-top: -20px;*/
}

.section-text6[b-9f1s65qny2] {
    max-width: 389px;
    width: 100%;
    /*margin-top: 73px;*/
    display: flex;
    flex-direction: column;
}

.subtitle-section6[b-9f1s65qny2] {
    color: #FBEFEE;
    font-family: Montserrat;
    /*font-size: 32px !important;*/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-section6[b-9f1s65qny2] {
    color: #FBEFEE;
    font-family: Montserrat;
    /*font-size: 20px !important;*/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.icon-drop[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .icon-drop[b-9f1s65qny2]::after {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/drop.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        right: -25px;
        top: 22px;
        width: 33.726px;
        height: 13.024px;
    }


.circular-dash-section6[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 8px;
}

    .circular-dash-section6[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/white-small-circular-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        left: -9px;
        bottom: -24px;
        width: 52px;
        height: 68.684px;
    }


.big-line-dash-section6[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .big-line-dash-section6[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/white-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        top: -1px;
        width: 96px;
        height: 50px;
        left: -6px;
    }



/* ##### End YOU RE NOT ALONE Section ##### */





/* ##### Image carousel Section ##### */

.carousel-section[b-9f1s65qny2] {
    height: 535px;
    width: 100%;
    background-color: #FBEFEE;
    position: relative;
    overflow: hidden;
}

.section-carousel[b-9f1s65qny2] {
    display: flex;
    gap: 5px;
}


    .section-carousel.to-right[b-9f1s65qny2] {
        animation: none;
    }

    .section-carousel.to-left[b-9f1s65qny2] {
        animation: none;
    }

@keyframes scroll-right-b-9f1s65qny2 {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes scroll-left-b-9f1s65qny2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.image-carousel[b-9f1s65qny2] {
    max-width: 100%;
    width: 100%;
    height: 123px;
    aspect-ratio: auto;
    border-radius: 10px;
}

    .image-carousel img[b-9f1s65qny2] {
        max-width: 100%;
        width: 100%;
        height: 123px;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
    }

.video-carousel video[b-9f1s65qny2] {
    max-width: 100%;
    width: 100%;
    height: 123px;
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}

/* ##### End Image carousel Section ##### */

.ml-46[b-9f1s65qny2] {
    margin-left: 0px;
}


/* ##### Dont suck it up Section ##### */

.section7[b-9f1s65qny2] {
    height: 850px;
    background-color: #FBEFEE;
    width: 100%;
}

.section-text7[b-9f1s65qny2] {
    max-width: 329px;
    width: 100%;
    /*padding-top: 25px;*/
    margin-bottom: 32px;
}

.text-section7[b-9f1s65qny2] {
    color: var(--red);
    font-family: Montserrat;
    /*font-size: 20px !important;*/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.subtitle-section7[b-9f1s65qny2] {
    color: var(--red);
    font-family: Montserrat;
    /*font-size: 32px !important;*/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.circular-dash-section7[b-9f1s65qny2] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 8px;
}

    .circular-dash-section7[b-9f1s65qny2]::before {
        content: "";
        position: absolute;
        background-image: url('/assets/imgs/red-circular-line-medium.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        left: -12px;
        bottom: -24px;
        width: 141px;
        height: 65px;
    }

.img-text[b-9f1s65qny2] {
    margin-top: 75px;
    width: 100%;
    max-width: 300px;
    object-fit: contain;
    position: relative;
    left: -29px;
}

/* ##### End Dont suck it up Section ##### */

.max-h-card[b-9f1s65qny2] {
    height: 320px;
}

.max-text-yna[b-9f1s65qny2] {
    width: auto;
    max-width: none;
}

.image-carousel.center img[b-9f1s65qny2] {
    object-position: center -125px;
}

.image-carousel.center1 img[b-9f1s65qny2] {
    object-position: center -187px;
}

.image-carousel.center2 img[b-9f1s65qny2] {
    object-position: center -19px;
}

/*@media (min-width: 390px) {
    .title-main {
        bottom: calc(185px - 27px);
    }

    .max-h-red {
        height: 783px;
    }

    .image-section2 {
        margin-top: 23px;
        margin-right: 0px;
        display: flex;
        justify-content: center;
        max-width: 100%;
    }

    .title-section2 {
        font-size: 40px !important;
    }


    .text-section2 {
        font-size: 14px !important;
    }

    .line-dash::before {
        background-position: center;
        top: 16px;
        left: -4px;
        width: 72px;
        height: 8px;
    }

    .circular-dash::before {
        background-position: center;
        left: -21px;
        bottom: -19px;
        width: 105px;
        height: 53px;
    }

    .big-line-dash::before {
        background-position: center;
        width: 89.151px;
        height: 10px;
        top: 20px;
        left: -5px;
    }

    .line-dash-red::before {
        background-position: center;
        width: 104px;
        height: 7px;
        bottom: -2px;
        left: -4px;
    }

    .big-line-dash-red::before {
        background-position: center;
        bottom: -2px;
        width: 75px;
        height: 6px;
        right: -2px;
    }

    .max-h-white {
        height: 1200px;
    }

    .quote-text-section3 {
        max-width: 267px;
    }

        .quote-text-section3::after {*/
            /*right: 50px;*/
        /*}

    .author-section3::before {
        width: 83px;
    }

    .card-mjf {
        max-width: 639px;
        width: 318px;
        margin-top: -109px;
        height: 402px;
        right: 13px;
        position: relative;
    
    }

    .max-w-input {
        max-width: 100%;
    }

    .girl-image {
        background-position: 60%;
        background-position-y: 56%;
    }

    .div-daiana {
        height: 448px;
        width: 100vw;
    }

    .daiana-image {
        background-size: cover;
        width: 100vw;
        height: 448px;
        left: 0;
        right: 0;
        top: 75px;
    }

    .max-h-text {
        max-width: none;
        width: 100%;
    }

    .section-text4 {
        max-width: none;
        min-width: none;
        width: 100%;
    }

    .section5 {
        height: 1101px;
    }

    .check-image {
        width: 36px;
        height: 33px;
    }

    .image-goblet {
        margin-right: 0px;
        position: relative;
        width: auto;
    }

        .image-goblet img {
            width: 170px;
            position: relative;
            right: auto;
            top: auto;
        }

    .section6 {
        height: 839px;
    }

    .icon-drop::after {
        right: -25px;
        top: 22px;
        width: 33.726px;
        height: 13.024px;
    }

    .big-line-dash-section6::before {
        top: -1px;
        width: 96px;
        height: 50px;
        left: -6px;
    }

    .circular-dash-section6::before {
        left: -9px;
        bottom: -24px;
        width: 52px;
        height: 68.684px;
    }

    .carousel-section {
        height: 535px;
    }

    .section-carousel {
        display: flex;
        gap: 5px;
    }

    .image-carousel {
        max-width: 100%;
        width: 100%;
        height: 123px;
        aspect-ratio: auto;
        border-radius: 0px;
        object-fit: cover;
        object-position: center;
    }

        .image-carousel img {
            max-width: 100%;
            width: 100%;
            height: 123px;
            border-radius: 0px;
        }

    .video-carousel video {
        max-width: 100%;
        width: 100%;
        height: 123px;
        aspect-ratio: auto;
        object-fit: cover;
        border-radius: 0px;
        object-fit: cover;
        object-position: center;
    }

    .section7 {
        height: 850px;
    }

    .circular-dash-section7::before {
        background-image: url('/assets/imgs/red-circular-line-medium.svg');
        left: -12px;
        bottom: -24px;
        width: 141px;
        height: 65px;
    }

    .section-carousel.to-right {
        animation: none;
    }

    .section-carousel.to-left {
        animation: none;
    }
}*/

.text-align[b-9f1s65qny2] {
    text-align: center;
}

@media (min-width: 768px) {

    .video-diy[b-9f1s65qny2] {
        object-position: left;
        object-fit: cover;
    }

    #not-your-average-brand[b-9f1s65qny2] {
        background-image: url(/assets/imgs/home-tablet-section.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 70%;
        background-position-x: 47%;
        margin-top: -70px;
    }
    .text-align[b-9f1s65qny2] {
        text-align: start;
    }

    .max-text-yna[b-9f1s65qny2] {
        width: 100%;
        max-width: 366px;
    }

    .title-main[b-9f1s65qny2] {
        bottom: calc(185px + 36px);
    }

    .max-h-red[b-9f1s65qny2] {
        height: 1101px;
    }

    .image-section2[b-9f1s65qny2] {
        margin-top: 24px;
        margin-right: 0px;
        display: flex;
        justify-content: center;
    }

        .image-section2 img[b-9f1s65qny2] {
            max-width: 455.398px;
            width: 100%;
        }


    .line-dash[b-9f1s65qny2]::before {
        background-position: center;
        width: 96px;
        height: 40px;
        top: 5px;
        left: 0px;
    }

    .circular-dash[b-9f1s65qny2]::before {
        background-position: center;
        left: -12px;
        bottom: -28px;
        width: 116px;
        height: 75px;
    }

    .big-line-dash[b-9f1s65qny2]::before {
        background-position: center;
        width: 152px;
        height: 49px;
        top: 10px;
        left: -11px;
    }

    .line-dash-red[b-9f1s65qny2]::before {
        background-position: center;
        width: 139px;
        height: 27px;
        top: 10px;
        left: -3px;
    }

    .circular-dash-red[b-9f1s65qny2]::before {
        background-image: url(/assets/imgs/red-circular-line-small.svg);
        background-position: center;
        left: -12px;
        bottom: -21px;
        width: 129px;
        height: 67px;
    }

    .big-line-dash-red[b-9f1s65qny2]::before {
        background-position: center;
        bottom: -3px;
        width: 116px;
        height: 9px;
        right: -6px;
    }

    .max-h-white[b-9f1s65qny2] {
        height: 1180px;
    }

    .quote-text-section3[b-9f1s65qny2] {
        max-width: 371px;
    }

        .quote-text-section3[b-9f1s65qny2]::after {
            /*right: 75px;*/
        }

    .author-section3[b-9f1s65qny2]::before {
        width: 123px;
    }

    .card-mjf[b-9f1s65qny2] {
        max-width: 639px;
        width: 463px;
        margin-top: -73px;
        right: 0;
        height: 463px;
    }

    .max-w-input[b-9f1s65qny2] {
        max-width: 100%;
    }

    .girl-image[b-9f1s65qny2] {
        background-position: center;
        background-position-y: 56%;
    }

    .div-daiana[b-9f1s65qny2] {
        height: 496px;
        max-width: none;
        width: 100%;
    }

    .daiana-image[b-9f1s65qny2] {
        background-size: contain;
        width: 443px;
        height: 495px;
        left: -38px;
        right: auto;
        top: 73px;
    }

    .max-h-text[b-9f1s65qny2] {
        max-width: none;
        width: 100%;
    }

    .section-text4[b-9f1s65qny2] {
        max-width: none;
        min-width: none;
        width: 100%;
    }

    .section5[b-9f1s65qny2] {
        height: 1160px;
    }

    .check-image[b-9f1s65qny2] {
        width: 53px;
        height: 50px;
    }

    .image-goblet img[b-9f1s65qny2] {
        width: 200px;
        position: absolute;
        right: -25px;
        top: 38px;
    }

    .image-goblet[b-9f1s65qny2] {
        margin-right: 0px;
        position: relative;
        width: 1px;
    }

    .section6[b-9f1s65qny2] {
        height: 1101px;
    }

    .icon-drop[b-9f1s65qny2]::before {
        bottom: 35px;
        left: -24px;
        width: 22.726px;
        height: 32.024px;
    }

    .big-line-dash-section6[b-9f1s65qny2]::before {
        top: 13px;
        width: 143px;
        height: 50px;
        left: -6px;
    }

    .circular-dash-section6[b-9f1s65qny2]::before {
        left: -12px;
        bottom: -22px;
        width: 65px;
        height: 68.684px;
    }

    .carousel-section[b-9f1s65qny2] {
        height: 422px;
    }

    .section-carousel[b-9f1s65qny2] {
        display: flex;
        gap: 41px;
    }

    .image-carousel[b-9f1s65qny2] {
        max-width: 200px;
        width: 100%;
        height: 122px;
        aspect-ratio: 100/61;
        border-radius: 10px;
    }

        .image-carousel img[b-9f1s65qny2] {
            border-radius: 10px;
        }

        .image-carousel.center img[b-9f1s65qny2] {
            object-position: center -44px;
        }

        .image-carousel.center1 img[b-9f1s65qny2] {
            object-position: center -44px;
        }

        .image-carousel.center2 img[b-9f1s65qny2] {
            object-position: center center;
        }

    .video-carousel video[b-9f1s65qny2] {
        max-width: 200px;
        width: 200px;
        height: 122px;
        aspect-ratio: 100/61;
        object-fit: cover;
        border-radius: 10px;
    }

    .section-text7[b-9f1s65qny2] {
        max-width: 370px;
        margin-bottom: 0px;
    }

    .section7[b-9f1s65qny2] {
        height: 740px;
    }

    .img-text[b-9f1s65qny2] {
        margin-top: 0;
        max-width: 285.187px;
    }

    .circular-dash-section7[b-9f1s65qny2]::before {
        background-image: url(/assets/imgs/red-circular-line-medium.svg);
        left: -17px;
        bottom: -23px;
        width: 171px;
        height: 65px;
    }

    .section-carousel.to-right[b-9f1s65qny2] {
        animation: scroll-right-b-9f1s65qny2 10s linear infinite;
    }

    .section-carousel.to-left[b-9f1s65qny2] {
        animation: scroll-left-b-9f1s65qny2 10s linear infinite;
    }

    @keyframes scroll-right-b-9f1s65qny2 {
        0% {
            transform: translateX(-50%);
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes scroll-left-b-9f1s65qny2 {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    .max-h-card[b-9f1s65qny2] {
        height: 463px;
    }

    .text-section5[b-9f1s65qny2] {
        margin-left: 0px;
    }

    .icon-drop[b-9f1s65qny2]::after {
        right: -25px;
        top: 32px;
        width: 25.726px;
        height: 25.024px;
    }

    .max-w-511[b-9f1s65qny2] {
        max-width: none;
    }

    #want-to-have-some-fun h2[b-9f1s65qny2] {
        max-width: 600px;
    }

    .text-section2-main .app-text-white-original[b-9f1s65qny2] {
        max-width: 249px !important;
    }
}

@media (min-width: 992px) {

    #want-to-have-some-fun h2[b-9f1s65qny2]{
        max-width: none;
    }

    .ml-46[b-9f1s65qny2] {
        margin-left: 46px;
    }

    .text-section2-main .small[b-9f1s65qny2] {
        max-width: none !important;
    }

    .text-section2-main .app-text-white-original[b-9f1s65qny2] {
        max-width: none !important;
    }


    #not-your-average-brand[b-9f1s65qny2] {
        background-image: url(/assets/imgs/home-big-section.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 70%;
        background-position-x: 47%;
        margin-top: -70px;
    }

    .section4[b-9f1s65qny2] {
        height: 528px;
    }

    .section-carousel.to-right[b-9f1s65qny2] {
        animation: scroll-right-b-9f1s65qny2 10s linear infinite;
    }

    .section-carousel.to-left[b-9f1s65qny2] {
        animation: scroll-left-b-9f1s65qny2 10s linear infinite;
    }

    @keyframes scroll-right-b-9f1s65qny2 {
        0% {
            transform: translateX(-50%);
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes scroll-left-b-9f1s65qny2 {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    .title-main[b-9f1s65qny2] {
        bottom: calc(185px + 60px);
    }

    .max-h-red[b-9f1s65qny2] {
        height: 656px;
        display: flex;
        /* align-content: center; */
        flex-direction: column;
        justify-content: start;
    }

    .image-section2[b-9f1s65qny2] {
        margin-top: -30px;
        margin-right: 10%;
        max-width: 390px;
    }

    .title-section2[b-9f1s65qny2] {
        font-size: 64px !important;
    }

    .text-section2[b-9f1s65qny2] {
        font-size: 20px !important;
    }

    .line-dash[b-9f1s65qny2]::before {
        background-position: center;
        width: 96px;
        height: 40px;
        top: 8px;
        left: 0px;
    }

    .circular-dash[b-9f1s65qny2]::before {
        background-position: center;
        left: -17px;
        bottom: -28px;
        width: 126px;
        height: 75px;
        background-image: url(/assets/imgs/white-circular-line.svg);
    }

    .big-line-dash[b-9f1s65qny2]::before {
        background-position: center;
        width: 152px;
        height: 49px;
        top: 10px;
        left: -11px;
    }

    .line-dash-red[b-9f1s65qny2]::before {
        background-position: center;
        width: 139px;
        height: 27px;
        top: 10px;
        left: -3px;
    }

    .circular-dash-red[b-9f1s65qny2]::before {
        background-image: url(/assets/imgs/red-circular-line-small.svg);
        background-position: center;
        left: -15px;
        bottom: -13px;
        width: 136px;
        height: 50px;
    }

    .big-line-dash-red[b-9f1s65qny2]::before {
        background-position: center;
        bottom: -3px;
        width: 116px;
        height: 9px;
        right: -6px;
    }

    .max-h-white[b-9f1s65qny2] {
        height: 703px;
    }

    .quote-text-section3[b-9f1s65qny2] {
        max-width: 371px;
    }

        .quote-text-section3[b-9f1s65qny2]::after {
            /*right: 75px;*/
        }

    .author-section3[b-9f1s65qny2]::before {
        width: 123px;
    }

    .card-mjf[b-9f1s65qny2] {
        max-width: 639px;
        width: 447px;
        margin-top: -109px;
        right: -14px;
    }

    .max-w-input[b-9f1s65qny2] {
        max-width: 569px;
    }

    .girl-image[b-9f1s65qny2] {
        background-position-y: 52%;
    }

    .div-daiana[b-9f1s65qny2] {
        height: 478px;
    }

    .daiana-image[b-9f1s65qny2] {
        width: 443px;
        height: 495px;
        top: -38px;
        left: -140px;
    }

    .max-h-text[b-9f1s65qny2] {
        max-width: 511px;
        width: 100%;
    }

    .section-text4[b-9f1s65qny2] {
        min-width: 514px;
        width: 100%;
    }

    .section5[b-9f1s65qny2] {
        height: 668px;
    }

    .check-image[b-9f1s65qny2] {
        width: 53px;
        height: 50px;
    }

    .image-goblet img[b-9f1s65qny2] {
        width: 328.345px;
        height: 324px;
        position: relative;
        right: auto;
        top: auto;
    }

    .image-goblet[b-9f1s65qny2] {
        margin-right: 95px;
        position: relative;
        width: 252px;
    }

    .section6[b-9f1s65qny2] {
        height: 583px;
    }

    .icon-drop[b-9f1s65qny2]::after {
        right: -22px;
        top: 49px;
        width: 13.726px;
        height: 25.024px;
    }

    .big-line-dash-section6[b-9f1s65qny2]::before {
        top: 10px;
        width: 143px;
        height: 50px;
        left: -6px;
    }

    .circular-dash-section6[b-9f1s65qny2]::before {
        left: -12px;
        bottom: -22px;
        width: 67px;
        height: 68.684px;
    }

    .carousel-section[b-9f1s65qny2] {
        height: 422px;
    }

    .section-carousel[b-9f1s65qny2] {
        display: flex;
        gap: 41px;
    }

    .image-carousel[b-9f1s65qny2] {
        max-width: 200px;
        width: 100%;
        height: 122px;
        aspect-ratio: 100/61;
        border-radius: 10px;
    }

        .image-carousel img[b-9f1s65qny2] {
            border-radius: 10px;
        }

    .video-carousel video[b-9f1s65qny2] {
        max-width: 200px;
        width: 200px;
        height: 122px;
        aspect-ratio: 100/61;
        object-fit: cover;
        border-radius: 10px;
    }

    .section7[b-9f1s65qny2] {
        height: 415px;
    }

    .img-text[b-9f1s65qny2] {
        max-width: 279.187px;
        position: relative;
        left: -28px;
    }

    .section-text7[b-9f1s65qny2] {
        max-width: 586px;
        margin-bottom: 32px;
    }

    .circular-dash-section7[b-9f1s65qny2]::before {
        background-image: url(/assets/imgs/red-big-circular-line.svg);
        left: -12px;
        bottom: -20px;
        width: 166px;
        height: 65px;
    }

    .max-h-card[b-9f1s65qny2] {
        height: auto;
        max-width: 555px;
    }

    .text-section2-main[b-9f1s65qny2] {
        max-width: 469px;
        width: 100%;
    }

    .max-w-511[b-9f1s65qny2] {
        max-width: 511px;
    }

    .max-text-yna[b-9f1s65qny2] {
        width: 100%;
        max-width: 368px;
    }

    .section-text6[b-9f1s65qny2] {
        max-width: none;
        width: 100%;
    }
}

/*@media (min-width: 1200px) {

    .max-h-card {
        height: auto;
        max-width: 555px;
    }

    .title-main {
        bottom: calc(185px + 60px);
    }

    .image-section2 {
        margin-top: -30px;
        margin-right: 9%;
        max-width: 390px;
    }

        .image-section2 img {
            max-width: 330px;
            width: 100%;
        }

    .title-section2 {
        font-size: 64px !important;
    }

    .text-section2 {
        font-size: 20px !important;
    }

    .line-dash::before {
        background-position: center;
        width: 96px;
        height: 40px;
        top: 8px;
        left: 0px;
    }

    .circular-dash::before {
        background-position: center;
        left: -17px;
        bottom: -28px;
        width: 126px;
        height: 75px;
    }

    .big-line-dash::before {
        background-position: center;
        width: 146px;
        height: 49px;
        top: 10px;
        left: -11px;
    }


    .line-dash-red::before {
        background-position: center;
        width: 139px;
        height: 27px;
        top: 10px;
        left: -3px;
    }

    .circular-dash-red::before {
        background-image: url(/assets/imgs/red-circular-line-small.svg);
        background-position: center;
        left: -15px;
        bottom: -13px;
        width: 136px;
        height: 50px;
    }

    .big-line-dash-red::before {
        background-position: center;
        bottom: -3px;
        width: 116px;
        height: 9px;
        right: -6px;
    }

    .max-h-white {
        height: 703px;
    }

    .quote-text-section3 {
        max-width: 371px;
    }

        .quote-text-section3::after {*/
            /*right: 75px;*/
        /*}

    .author-section3::before {
        width: 123px;
    }

    .card-mjf {
        max-width: 639px;
        width: 447px;
        margin-top: -109px;
        right: -14px;
    }

    .max-w-input {
        max-width: 569px;
    }

    .girl-image {
        background-position-y: 52%;
    }

    .div-daiana {
        height: 478px;
    }

    .daiana-image {
        width: 443px;
        height: 495px;
        top: -38px;
        left: -140px;
    }

    .max-h-text {
        max-width: 511px;
        width: 100%;
    }

    .section-text4 {*/
        /*padding-bottom: 114px;*/
    /*}

    .section5 {
        height: 668px;
    }

    .check-image {
        width: 53px;
        height: 50px;
    }

    .image-goblet img {
        width: 328.345px;
        height: 324px;
        position: relative;
        right: auto;
        top: auto;
    }

    .image-goblet {
        margin-right: 95px;
        position: relative;
        width: auto;
    }

    .section6 {
        height: 583px;
    }

    .icon-drop::after {
        right: -22px;
        top: 49px;
        width: 13.726px;
        height: 25.024px;
    }

    .big-line-dash-section6::before {
        top: 10px;
        width: 143px;
        height: 50px;
        left: -6px;
    }

    .carousel-section {
        height: 422px;
    }

    .section-carousel {
        display: flex;
        gap: 41px;
    }

    .image-carousel {
        max-width: 200px;
        width: 100%;
        height: 122px;
        aspect-ratio: 100/61;
        border-radius: 10px;
    }

        .image-carousel img {
            border-radius: 10px;
        }

    .video-carousel video {
        max-width: 200px;
        width: 200px;
        height: 122px;
        aspect-ratio: 100/61;
        object-fit: cover;
        border-radius: 10px;
    }

    .section7 {
        height: 415px;
    }

    .img-text {
        max-width: 279.187px;
    }

    .section-text7 {
        max-width: 586px;
    }
}*/


/*@media (min-width: 1400px) {

    .max-h-card {
        height: auto;
        max-width: 555px;
    }

    .title-main {
        bottom: calc(185px + 60px);
    }

    .image-section2 {
        margin-top: -30px;
        margin-right: 9%;
        max-width: 390px;
    }

        .image-section2 img {
            max-width: 330px;
            width: 100%;
        }

    .title-section2 {
        font-size: 64px !important;
    }

    .text-section2 {
        font-size: 20px !important;
    }

    .line-dash::before {
        background-position: center;
        width: 96px;
        height: 40px;
        top: 8px;
        left: 0px;
    }

    .circular-dash::before {
        background-position: center;
        left: -17px;
        bottom: -28px;
        width: 126px;
        height: 75px;
    }

    .big-line-dash::before {
        background-position: center;
        width: 146px;
        height: 49px;
        top: 10px;
        left: -11px;
    }


    .line-dash-red::before {
        background-position: center;
        width: 139px;
        height: 27px;
        top: 10px;
        left: -3px;
    }

    .circular-dash-red::before {
        background-image: url(/assets/imgs/red-circular-line-small.svg);
        background-position: center;
        left: -15px;
        bottom: -13px;
        width: 136px;
        height: 50px;
    }

    .big-line-dash-red::before {
        background-position: center;
        bottom: -3px;
        width: 116px;
        height: 9px;
        right: -6px;
    }

    .max-h-white {
        height: 703px;
    }

    .quote-text-section3 {
        max-width: 371px;
    }

        .quote-text-section3::after {*/
            /*right: 75px;*/
        /*}

    .author-section3::before {
        width: 123px;
    }

    .card-mjf {
        max-width: 639px;
        width: 447px;
        margin-top: -109px;
        right: -14px;
    }

    .max-w-input {
        max-width: 569px;
    }

    .girl-image {
        background-position-y: 52%;
    }

    .div-daiana {
        height: 478px;
    }

    .daiana-image {
        width: 443px;
        height: 495px;
        top: -38px;
        left: -140px;
    }

    .max-h-text {
        max-width: 511px;
        width: 100%;
    }

    .section-text4 {*/
        /*padding-bottom: 114px;*/
    /*}

    .section5 {
        height: 668px;
    }

    .check-image {
        width: 53px;
        height: 50px;
    }

    .image-goblet img {
        width: 328.345px;
        height: 324px;
        position: relative;
        right: auto;
        top: auto;
    }

    .image-goblet {
        margin-right: 95px;
        position: relative;
        width: auto;
    }

    .section6 {
        height: 583px;
    }

    .icon-drop::after {
        right: -22px;
        top: 49px;
        width: 13.726px;
        height: 25.024px;
    }

    .big-line-dash-section6::before {
        top: 10px;
        width: 143px;
        height: 50px;
        left: -6px;
    }

    .carousel-section {
        height: 422px;
    }

    .section-carousel {
        display: flex;
        gap: 41px;
    }

    .image-carousel {
        max-width: 200px;
        width: 100%;
        height: 122px;
        aspect-ratio: 100/61;
        border-radius: 10px;
    }

        .image-carousel img {
            border-radius: 10px;
        }

    .video-carousel video {
        max-width: 200px;
        width: 200px;
        height: 122px;
        aspect-ratio: 100/61;
        object-fit: cover;
        border-radius: 10px;
    }

    .section7 {
        height: 415px;
    }

    .img-text {
        max-width: 279.187px;
    }

    .section-text7 {
        max-width: 586px;
    }
}*/
/* /Pages/JoinTheWaitListPage.razor.rz.scp.css */
.max-w-511[b-gwrgk5xw9e] {
    max-width: 511px;
}

.max-w-511.text[b-gwrgk5xw9e] {
    max-width: none;
}



.text-space[b-gwrgk5xw9e] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.container.works[b-gwrgk5xw9e] {
    position: relative;
    width: 100%;
    /* max-width: 275px; */
    left: 0;
    right: 0;
    top: 0;
    justify-content: center;
    padding-top: 31px;
    padding-bottom: 41px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.red-works[b-gwrgk5xw9e] {
    width: 100%;
}

.video-diy[b-gwrgk5xw9e] {
    width: 360px !important;
    height: 120px !important;
}

.image-w[b-gwrgk5xw9e] {
    width: 100%;
}

.big-line-dash-red[b-gwrgk5xw9e] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .big-line-dash-red[b-gwrgk5xw9e]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        bottom: -2px;
        width: 75px;
        height: 6px;
        right: -2px;
    }

.circular-dash-red[b-gwrgk5xw9e] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 8px;
}

    .circular-dash-red[b-gwrgk5xw9e]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/white-stretched-circular-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        left: -14px;
        bottom: -23px;
        width: 107px;
        height: 70px;
    }

.list-how[b-gwrgk5xw9e] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.line-dash-red[b-gwrgk5xw9e] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .line-dash-red[b-gwrgk5xw9e]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-line-dash.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        width: 73px;
        height: 10px;
        bottom: -2px;
        left: -2px;
    }


.cards-gap[b-gwrgk5xw9e] {
    gap: 16px;
}

.card-article[b-gwrgk5xw9e] {
    display: flex;
    width: 272px;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 10px;
    background: #FFF;
    min-height: 624px;
}

    .card-article img[b-gwrgk5xw9e] {
        width: 160px;
        height: 154px;
        border-radius: 10px;
        object-fit: cover;
    }


.img-card-main[b-gwrgk5xw9e] {
    width: fit-content;
    position: relative;
    margin-bottom: 0px;
}

    .img-card-main img[b-gwrgk5xw9e] {
        width: 90%;
        max-width: none;
        object-fit: cover;
        height: 245.391px;
        aspect-ratio: 368.32/245.39;
    }

    .img-card-main[b-gwrgk5xw9e]::after {
        content: '';
        position: absolute;
        background-image: url('/assets/imgs/try-for-free.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        bottom: 88px;
        right: 7px;
        width: 95px;
        height: 78.274px;
    }

.p-text[b-gwrgk5xw9e] {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 100px;
}
.img-about[b-gwrgk5xw9e] {
    background-image: url(/assets/imgs/section3-mobile-joinn.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 72px;
    padding-bottom: 72px;
}


.img-about h2[b-gwrgk5xw9e] {
    max-width: 307px;
}

.img-about p[b-gwrgk5xw9e] {
    max-width: 290px;
    margin-bottom: 80px;
}

.p-content-main[b-gwrgk5xw9e] {
    padding-top: 60px;
    padding-bottom: 72px;
}

.max-w-text-patch[b-gwrgk5xw9e] {
    width: 233px;
    height:95px;
}

.list-ingredient p.magnesium[b-gwrgk5xw9e] {
    width: 183px;
    height: 95px;
}


.container.works .max-text-how[b-gwrgk5xw9e] {
    max-width: 408px;
    margin-bottom: 64px;
}
#formulated-main h2[b-gwrgk5xw9e] {
    max-width: 460px;
    margin-bottom: 66px;
}

#formulated-main span[b-gwrgk5xw9e] {
display: block;}

.max-w-text-formulated[b-gwrgk5xw9e] {
    width: 108px;
    height: 72px;
}

    .max-w-text-formulated.thc[b-gwrgk5xw9e] {
        width: 108px;
        height: 72px;
    }

    .max-w-text-formulated.free[b-gwrgk5xw9e] {
        width: 143px;
        height: 72px;
    }

.list-formulated[b-gwrgk5xw9e] {
    gap: 10px;
    row-gap: 10px;
    margin-top: 70px;
    justify-content: center;
}

    .list-formulated img[b-gwrgk5xw9e] {
        width: 49.125px;
        height: 48px;
        object-fit: cover;
    }

.section-patch[b-gwrgk5xw9e] {
    padding-top: 73px;
    padding-bottom: 158px;
}

    .section-patch h2[b-gwrgk5xw9e] {
        padding-bottom: 45px;
    }

    .section-patch img[b-gwrgk5xw9e] {
        width: 100%;
        max-width: 125.203px;
        height: 127.574px;
        object-fit: cover;
    }


.gap-patch[b-gwrgk5xw9e] {
    gap: 24px;
}

.img-girl[b-gwrgk5xw9e] {
    width: 100%;
}

    .img-girl img[b-gwrgk5xw9e] {
        width: 100%;
        height: 567px;
        max-width: none;
        object-fit: cover;
        aspect-ratio: 350/567;
    }


.text-cycle[b-gwrgk5xw9e] {
    width: 100%;
    max-width: 540px;
    padding-left: 32px !important;
    padding-right: 40px;
    /*    padding-top: 14px;
    padding-bottom: 49px;*/
    height: auto;
}

.p-cycle[b-gwrgk5xw9e] {
    padding-top: 50px;
    padding-bottom: 98px;
}


.big-line-dash-red-cycle[b-gwrgk5xw9e] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 5px;
}

    .big-line-dash-red-cycle[b-gwrgk5xw9e]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        bottom: -2px;
        width: 94px;
        height: 6px;
        right: -2px;
    }

.circular-dash-red-cycle[b-gwrgk5xw9e] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 8px;
}

    .circular-dash-red-cycle[b-gwrgk5xw9e]::before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        background-image: url(/assets/imgs/white-circular-line.svg);
        left: -8px;
        bottom: -15px;
        width: 68px;
        height: 43px;
    }

.line-dash-red-cycle[b-gwrgk5xw9e] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .line-dash-red-cycle[b-gwrgk5xw9e]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-line-dash.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-flex;
        pointer-events: none;
        background-position: center;
        width: 80px;
        height: 10px;
        bottom: -4px;
        left: -5px;
    }

.max-title[b-gwrgk5xw9e] {
    width: 100%;
    margin-bottom: 14px;
}

.p-join[b-gwrgk5xw9e] {
    padding-top: 87px;
    padding-bottom: 58px;
}

.max-w-592[b-gwrgk5xw9e] {
    max-width: 511px;
}

.drop-white[b-gwrgk5xw9e]{
    width:auto;
    margin-left: 0;
}

    .drop-white img[b-gwrgk5xw9e] {
        width: 90.569px;
        height: 127.1381px;
        object-fit: cover;
        transform: rotateZ(10deg);
    }

.icon-drop[b-gwrgk5xw9e] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .icon-drop[b-gwrgk5xw9e]::after {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/drop-white.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        right: 27px;
        top: 15px;
        width: 8px;
        height: 12.559px;
    }

.max-w-input-email[b-gwrgk5xw9e] {
    width:100%;
    max-width: 511px !important;
}


.video-patch-section2[b-gwrgk5xw9e] {
    display: flex;
    justify-content: center;
    position: relative;
    top: -10px;
}

.w-max-btn[b-gwrgk5xw9e] {
    width: 309px;
}

@media (min-width: 390px) {
    .px-container.join[b-gwrgk5xw9e] {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

#getting-main h2[b-gwrgk5xw9e] {
    max-width: 342px;
}

.list-plus[b-gwrgk5xw9e] {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 34px;
    margin-bottom: 43px;
    flex-direction: column;
}

    .list-plus img[b-gwrgk5xw9e] {
        width: 19px;
        height: 19px;
        object-fit: cover;
    }


.scroll-cards-article[b-gwrgk5xw9e] {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: 630px;
}

.video-section2[b-gwrgk5xw9e] {
    width: 268px !important;
    height: 299px !important;
    object-position: bottom;
    margin-bottom: 10px;
}

.image-works[b-gwrgk5xw9e] {
    width: 100%;
    object-fit: cover;
    height: 226px;
    object-position: top;
}

.related-section span.font-ahsing[b-gwrgk5xw9e] {
    display: block;
}
.flow-w[b-gwrgk5xw9e] {
    width: calc(100vw - 15px) !important;
}

.max-w-511.text[b-gwrgk5xw9e] {
    max-width: 307px;
}

@media (min-width: 768px) {

    .max-w-511.text[b-gwrgk5xw9e] {
        max-width: none;
    }

    .max-w-text-patch[b-gwrgk5xw9e] {
        width: 233px;
        height: 95px;
    }

    .list-ingredient p.magnesium[b-gwrgk5xw9e] {
        width: 239px;
        height: 95px;
    }

    .related-section span.font-ahsing[b-gwrgk5xw9e] {
        display: inline;
    }

    #formulated-main h2[b-gwrgk5xw9e] {
        max-width: 805px;
        margin-bottom: 66px;
    }

    #formulated-main span[b-gwrgk5xw9e] {
        display: inline;
    }

    .join h2[b-gwrgk5xw9e] {
        max-width: 455px !important;
        line-height: 80%;
    }

    .join p[b-gwrgk5xw9e] {
        max-width: 560px !important;
    }

    .list-how[b-gwrgk5xw9e] {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .video-section2[b-gwrgk5xw9e] {
        width: 361px !important;
        height: 299px !important;
        object-position: bottom;
        margin-bottom: 10px;
    }

    .scroll-cards-article[b-gwrgk5xw9e] {
        height: auto;
    }

    .container.works .max-text-how[b-gwrgk5xw9e] {
        max-width: 408px;
        margin-bottom: 120px;
    }

    .icon-drop[b-gwrgk5xw9e]::after {
        right: 24px;
        top: 19px;
        width: 8px;
        height: 12.559px;
    }

    .big-line-dash-red[b-gwrgk5xw9e]::before {
        background-position: center;
        bottom: -3px;
        width: 116px;
        height: 9px;
        right: -6px;
    }

    .image-works[b-gwrgk5xw9e] {
        width: 100%;
        object-fit: cover;
        height: 487px;
        object-position: 0px -101px;
    }

    .circular-dash-red[b-gwrgk5xw9e]::before {
        background-image: url(/assets/imgs/white-circular-line.svg);
        background-position: center;
        left: -19px;
        bottom: -26px;
        width: 131px;
        height: 80px;
    }

    .line-dash-red[b-gwrgk5xw9e]::before {
        background-position: center;
        width: 111px;
        height: 10px;
        bottom: -2px;
        left: -2px;
    }

    .img-card-main[b-gwrgk5xw9e] {
        width: 100%;
        margin-bottom: 0px;
    }

        .img-card-main img[b-gwrgk5xw9e] {
            width: 100%;
            max-width: none;
            height: 449px;
            object-fit: cover;
            aspect-ratio: 674/449;
        }

    .p-text[b-gwrgk5xw9e] {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 100px;
    }

    .img-card-main[b-gwrgk5xw9e]::after {
        width: 124px;
        height: 98.274px;
        bottom: 172px;
        right: 10px;
    }

    .p-content-main[b-gwrgk5xw9e] {
        padding-top: 35px;
        padding-bottom: 72px;
    }

    .section-patch[b-gwrgk5xw9e] {
        padding-top: 117px;
        padding-bottom: 105px;
    }

        .section-patch h2[b-gwrgk5xw9e] {
            padding-bottom: 56px;
        }

    .gap-patch[b-gwrgk5xw9e] {
        gap: 56px;
    }

    .section-patch img[b-gwrgk5xw9e] {
        width: 100%;
        max-width: 234.11px;
        height: 225.463px;
    }

    .img-girl[b-gwrgk5xw9e] {
        width: 100%;
    }

        .img-girl img[b-gwrgk5xw9e] {
            width: 100%;
            height: 486px;
            max-width: none;
            object-fit: cover;
            aspect-ratio: 649/486;
        }

    .text-cycle[b-gwrgk5xw9e] {
        width: 100%;
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0px;
        /*        padding-top: 32px;
        padding-bottom: 32px;*/
        height: auto;
    }

    .p-cycle[b-gwrgk5xw9e] {
        padding-top: 24px;
        padding-bottom: 141px;
    }

    .max-title[b-gwrgk5xw9e] {
        width: 534px;
        margin-bottom: 32px;
    }

    .p-join[b-gwrgk5xw9e] {
        padding-top: 119px;
        padding-bottom: 107px;
    }

    .drop-white img[b-gwrgk5xw9e] {
        width: auto;
        height: auto;
    }

    .big-line-dash-red-cycle[b-gwrgk5xw9e]::before {
        bottom: -2px;
        width: 154px;
        height: 9px;
        right: -2px;
    }

    .circular-dash-red-cycle[b-gwrgk5xw9e]::before {
        left: -20px;
        bottom: -13px;
        width: 113px;
        height: 43px;
    }

    .line-dash-red-cycle[b-gwrgk5xw9e]::before {
        width: 112px;
        height: 10px;
        bottom: -4px;
        left: -5px;
    }

    .video-patch-section2[b-gwrgk5xw9e] {
        display: flex;
        justify-content: center;
        position: relative;
        top: -10px;
    }

    #getting-main h2[b-gwrgk5xw9e] {
        max-width: 444px;
            margin-bottom: 35px !important;
        
    }

    .list-plus[b-gwrgk5xw9e] {
        display: flex;
        align-items: center;
        gap: 40px;
        margin-top: 80px;
        margin-bottom: 80px;
        flex-direction: column;
    }

        .list-plus img[b-gwrgk5xw9e] {
            width: 19px;
            height: 19px;
            object-fit: cover;
        }

    .list-formulated[b-gwrgk5xw9e] {
        gap: 79px;
        margin-top: 70px;
        justify-content: center;
        row-gap: 20px;
    }

        .list-formulated img[b-gwrgk5xw9e] {
            width: 63.992px;
            height: 64px;
            object-fit: cover;
        }

    .cards-gap[b-gwrgk5xw9e] {
        gap: 16px;
    }

    .card-article[b-gwrgk5xw9e] {
        display: flex;
        width: 300px;
        padding: 24px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        border-radius: 10px;
        background: #FFF;
        min-height: 624px;
    }

        .card-article img[b-gwrgk5xw9e] {
            width: 250px;
            height: 241px;
            border-radius: 10px;
            object-fit: cover;
        }

    .img-about[b-gwrgk5xw9e] {
        background-image: url(/assets/imgs/section3-mobile-join.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 52%;
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .img-about h2[b-gwrgk5xw9e] {
        max-width: 473px;
    }

    .img-about p[b-gwrgk5xw9e] {
        max-width: 409px;
        margin-bottom: 80px;
    }

    .max-w-text-formulated[b-gwrgk5xw9e] {
        width: 122px;
        height: 72px;
    }

        .max-w-text-formulated.thc[b-gwrgk5xw9e] {
            width: 122px;
            height: 72px;
        }

        .max-w-text-formulated.free[b-gwrgk5xw9e] {
            width: 178px;
            height: 72px;
        }

    .video-diy[b-gwrgk5xw9e] {
        width: 717px !important;
        height: 214px !important;
    }

    .w-max-btn[b-gwrgk5xw9e] {
        width: 382px;
    }

    .max-w-511-div[b-gwrgk5xw9e] {
        max-width: none;
    }
}

.icon-ingredient[b-gwrgk5xw9e]{
    object-fit: cover;
}

    .icon-ingredient.plant[b-gwrgk5xw9e] {
        width: 121.695px;
        height: 124px;
        object-fit: cover;
    }

    .icon-ingredient.sun[b-gwrgk5xw9e] {
        width: 124.695px;
        height: 124px;
        object-fit: cover;
    }

    .icon-ingredient.arnica[b-gwrgk5xw9e] {
        width: 121.695px;
        height: 124px;
        object-fit: cover;
    }

    .icon-ingredient.arnica[b-gwrgk5xw9e] {
        width: 121.695px;
        height: 124px;
        object-fit: cover;
    }

    .icon-ingredient.magnesium[b-gwrgk5xw9e] {
        width: 73.939px;
        height: 131.369px;
        object-fit: cover;
    }

.list-ingredient[b-gwrgk5xw9e] {
    gap: 40px;
    margin-top: 70px;
    justify-content: center;
}


.app-bg-red-other[b-gwrgk5xw9e] {
    background-color: #e02122 !important;
}



.opacity-70[b-gwrgk5xw9e] {
    opacity: 0.7;
}

.related-section[b-gwrgk5xw9e] {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 50px;
    padding-bottom: 75px;
    gap: 40px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.next-article[b-gwrgk5xw9e] {
    position: absolute;
    bottom: 41%;
    right: -20px;
}

.prev-article[b-gwrgk5xw9e] {
    position: absolute;
    bottom: 41%;
    left: -28px;
}

    .prev-article img[b-gwrgk5xw9e] {
        width: 60px;
        height: 60px;
    }

.mb-80[b-gwrgk5xw9e] {
    margin-bottom: 80px;
}

@media (min-width: 992px) {
    .w-max-btn[b-gwrgk5xw9e]{
        width: fit-content;
    }

    .max-w-text-patch[b-gwrgk5xw9e] {
        width: 196px;
        height: 95px;
    }

    .list-ingredient p.magnesium[b-gwrgk5xw9e] {
        width: 185px;
        height: 95px;
    }

    .flow-w[b-gwrgk5xw9e] {
        width: 100% !important;
    }

    .img-about[b-gwrgk5xw9e] {
        background-image: url(/assets/imgs/section3-mobile-join.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .join h2[b-gwrgk5xw9e] {
        max-width: none !important;
    }


    #getting-main h2[b-gwrgk5xw9e] {
        max-width: none;
        margin-bottom: 64px !important;
    }


    .max-w-text-formulated[b-gwrgk5xw9e] {
        width: 178px;
        height: 72px;
    }

        .max-w-text-formulated.thc[b-gwrgk5xw9e] {
            width: 178px;
            height: 72px;
        }
        .max-w-text-formulated.free[b-gwrgk5xw9e] {
            width: 178px;
            height: 72px;
        }

    .related-section[b-gwrgk5xw9e] {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 52px;
        padding-bottom: 96px;
        gap: 68px;
    }

    .scroll-cards-article[b-gwrgk5xw9e] {
        height: auto;
    }

    .cards-gap[b-gwrgk5xw9e] {
        gap: 16px;
    }

    .card-article[b-gwrgk5xw9e] {
        display: flex;
        width: 300px;
        padding: 24px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        border-radius: 10px;
        background: #FFF;
        min-height: 624px;
    }

        .card-article img[b-gwrgk5xw9e] {
            width: 250px;
            height: 241px;
            border-radius: 10px;
            object-fit: cover;
        }

    .list-plus[b-gwrgk5xw9e] {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-top: 0px;
        margin-bottom: 60px;
        flex-direction: row;
    }

        .list-plus img[b-gwrgk5xw9e] {
            width: 19px;
            height: 19px;
            object-fit: cover;
        }

    .img-about h2[b-gwrgk5xw9e] {
        max-width: 603px;
    }

    .img-about p[b-gwrgk5xw9e] {
        max-width: 567px;
        margin-bottom: 80px;
    }

    .video-patch-section2[b-gwrgk5xw9e] {
        display: flex;
        justify-content: center;
        position: relative;
        top: -46px;
    }

    .video-section2[b-gwrgk5xw9e] {
        width: 451px !important;
        height: 352px !important;
        object-position: bottom;
        margin-bottom: 10px;
    }

    .red-works[b-gwrgk5xw9e] {
        width: 60%;
    }

    .image-w[b-gwrgk5xw9e] {
        width: 40%;
    }

    .image-works[b-gwrgk5xw9e] {
        width: 100%;
    }

    .container.works[b-gwrgk5xw9e] {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        justify-content: center;
        padding-top: 72px;
        padding-bottom: 72px;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

        .container.works .max-text-how[b-gwrgk5xw9e] {
            max-width: 408px;
            margin-bottom: 120px;
        }

    .list-how[b-gwrgk5xw9e] {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .image-works[b-gwrgk5xw9e] {
        width: 100%;
        object-fit: cover;
        height: 647px;
        object-position: center;
    }

    .list-ingredient[b-gwrgk5xw9e] {
        gap: 0px;
        margin-top: 30px;
        justify-content: space-between;
    }

    .list-formulated[b-gwrgk5xw9e] {
        gap: 0px;
        row-gap: 0px;
        margin-top: 30px;
        justify-content: space-between;
    }

    .max-w-511.text[b-gwrgk5xw9e] {
        max-width: 403px;
    }

    .max-w-511[b-gwrgk5xw9e] {
        max-width: 403px;
    }

    .max-w-511-div[b-gwrgk5xw9e] {
        max-width: 403px;
    }

    .big-line-dash-red[b-gwrgk5xw9e]::before {
        background-position: center;
        bottom: -3px;
        width: 116px;
        height: 9px;
        right: -6px;
    }

    .circular-dash-red[b-gwrgk5xw9e]::before {
        background-image: url(/assets/imgs/white-circular-line.svg);
        background-position: center;
        left: -24px;
        bottom: -24px;
        width: 144px;
        height: 78px;
    }

    .line-dash-red[b-gwrgk5xw9e]::before {
        background-position: center;
        width: 111px;
        height: 10px;
        bottom: -2px;
        left: -2px;
    }

    .img-card-main[b-gwrgk5xw9e] {
        width: 50%;
        margin-bottom: 0;
        display: flex;
        align-items: flex-end;
    }

        .img-card-main img[b-gwrgk5xw9e] {
            width: 100%;
            max-width: none;
            height: 449px;
            object-fit: cover;
            aspect-ratio: 674/449;
        }

    .p-text[b-gwrgk5xw9e] {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0px;
    }

    .img-card-main[b-gwrgk5xw9e]::after {
        width: 140px;
        height: 112.274px;
        bottom: 138px;
        right: 25px;
    }

    .p-content-main[b-gwrgk5xw9e] {
        padding-top: 56px;
        padding-bottom: 72px;
    }

    .section-patch[b-gwrgk5xw9e] {
        padding-top: 106px;
        padding-bottom: 126px;
    }

        .section-patch h2[b-gwrgk5xw9e] {
            padding-bottom: 45px;
        }

    .gap-patch[b-gwrgk5xw9e] {
        gap: 96px;
    }

    .img-girl[b-gwrgk5xw9e] {
        width: 50%;
        height: 100%;
    }

        .img-girl img[b-gwrgk5xw9e] {
            width: 100%;
            height: 651px;
            max-width: none;
            object-fit: cover;
            aspect-ratio: 757/567;
        }

    .text-cycle[b-gwrgk5xw9e] {
        width: 100%;
        max-width: 642px;
        padding-left: 49px !important;
        padding-right: 64px !important;
        /*        padding-top: 0;
        padding-bottom: 0;*/
        margin-left: 0;
        margin-right: 0;
        height: 656px;
    }

    .p-cycle[b-gwrgk5xw9e] {
        padding-top: 46px;
        padding-bottom: 63px;
    }

    .max-title[b-gwrgk5xw9e] {
        width: 100%;
        margin-bottom: 35px;
    }

    .p-join[b-gwrgk5xw9e] {
        padding-top: 116px;
        padding-bottom: 109px;
    }

    .drop-white[b-gwrgk5xw9e] {
        width: 166px;
        margin-left: 20px;
    }
}
/* /Pages/MeetMaryJanePage.razor.rz.scp.css */

/*address sitecss*/

.fs-80[b-ohjm7ovrij] {
    font-size: 5rem !important; /* 80px */
}

.lh-36[b-ohjm7ovrij] {
    line-height: 36px; /* 150% */
}


.mb-32[b-ohjm7ovrij] {
    margin-bottom: 32px;
}

.mr-80[b-ohjm7ovrij] {
    margin-right: 80px;
}

.mr-n[b-ohjm7ovrij] {
    margin-right: 0;
}

/*address sitecss*/


.max-tilte-meet-mjf[b-ohjm7ovrij] {
    width: 100%;
    max-width: 275px;
}

    .max-tilte-meet-mjf span[b-ohjm7ovrij] {
        display: block;
    }

.pb-section-meet-mjf[b-ohjm7ovrij] {
    padding-bottom: 137px;
}

.max-text-small-meet-mjf[b-ohjm7ovrij] {
    width: 100%;
    max-width: 275px;
}

.max-text-big-meet-mjf[b-ohjm7ovrij] {
    width: 100%;
    max-width: 100%;
}

.vh-100-meet-mjf[b-ohjm7ovrij] {
    height: auto;
}

.max-w-text-meet-mjf[b-ohjm7ovrij] {
    width: 100%;
    max-width: 275px;
}

.big-line-dash-red-meet-mjf[b-ohjm7ovrij] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .big-line-dash-red-meet-mjf[b-ohjm7ovrij]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-long-dash-line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 111px;
        height: 10px;
        top: 14px;
        left: -6px;
    }

.daiana-photo-meet-mjf[b-ohjm7ovrij] {
    width: 308.501px;
    height: 337.585px;
    position: relative;
}

.div-daiana-photo-meet-mjf[b-ohjm7ovrij] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.red-meet[b-ohjm7ovrij] {
    width: 100%;
}

.image-w[b-ohjm7ovrij] {
    width: 100%;
}

.image-meet[b-ohjm7ovrij] {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: -webkit-fill-available;
}

.container.meet[b-ohjm7ovrij] {
    position: relative;
    width: 100%;
    /* max-width: 275px; */
    left: 0;
    right: 0;
    top: 0;
    justify-content: center;
    padding-top: 31px;
    padding-bottom: 41px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.white-drop[b-ohjm7ovrij] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .white-drop[b-ohjm7ovrij]::after {
        content: "";
        position: absolute;
        background-image: url('/assets/imgs/drop-red.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 10px;
        height: 12.15px;
        top: 18px;
        right: -11px;
    }

.input-email-white[b-ohjm7ovrij] {
    background-color: transparent;
    border-radius: 9999px;
    border: 0.912px solid #FBEFEE;
    color: #FBEFEE;
    display: flex;
    padding: 14.59px;
    padding-left: 40px;
    align-items: center;
    width: 100%;
    /*max-width: 270px;*/
    height: 43.769px;
    transition: border-width .15s ease-in-out;
}

    .input-email-white[b-ohjm7ovrij]::placeholder {
        color: #FBEFEE;
        font-family: Poppins;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 120%; /* 16.8px */
    }

    .input-email-white[type=text][b-ohjm7ovrij] {
        background-image: url('/assets/icons/white-email.svg');
        background-position: 14px 13px;
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .input-email-white:focus[b-ohjm7ovrij] {
        color: rgba(251, 239, 238, 1);
        background-color: transparent;
        border-color: rgba(251, 239, 238, 1);
        border-width: 2px;
        outline: 0;
        box-shadow: none;
    }

.max-w-section-email[b-ohjm7ovrij] {
    width: 100%;
    padding-right: 0;
}

.max-w-section-img[b-ohjm7ovrij] {
    width: 100%;
    padding-left: 0;
}

.max-input[b-ohjm7ovrij] {
    max-width: none;
    width: 100%;
}

.max-content-screen[b-ohjm7ovrij] {
    min-height: max-content;
}

.max-content-img[b-ohjm7ovrij] {
    min-height: -webkit-fill-available;
}


.cirlular-dash-white[b-ohjm7ovrij] {
    position: relative;
    display: inline-block;
    z-index: 0;
    padding: 0 10px;
}

    .cirlular-dash-white[b-ohjm7ovrij]::before {
        content: "";
        position: absolute;
        background-image: url(/assets/imgs/red-circular-line-medium.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 98px;
        height: 83.684px;
        top: -33px;
        right: -4px;
    }

.line-dash-white[b-ohjm7ovrij] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .line-dash-white[b-ohjm7ovrij]::before {
        content: "";
        position: absolute;
        background-image: url('/assets/imgs/red-line-dash.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 86px;
        height: 11px;
        top: 12px;
        right: -7px;
    }

.white-quotes-above[b-ohjm7ovrij] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin-bottom: 8px;
    margin-left: 20px;
}

.white-quotes-below[b-ohjm7ovrij] {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.quotes[b-ohjm7ovrij] {
    margin-bottom: 21px;
}

    .quotes[b-ohjm7ovrij]::after {
        content: "";
        position: absolute;
        background-image: url('/assets/imgs/quotes-below.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 23px;
        height: 20.024px;
        bottom: auto;
        right: auto;
    }

    .quotes[b-ohjm7ovrij]::before {
        content: "";
        position: absolute;
        background-image: url('/assets/imgs/quotes-above.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        width: 23px;
        height: 20.024px;
        top: -9px;
        left: -23px;
    }

.card-meet-mjf[b-ohjm7ovrij] {
    object-fit: contain;
    position: relative;
    bottom: auto;
    width: 100%;
    max-width: 300px;
}

.two-girls-image[b-ohjm7ovrij] {
    background-image: url('/assets/imgs/two-girls-image.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 129px;
}


/* ##### Dont suck it up Section ##### */

.section7[b-ohjm7ovrij] {
    height: 840px;
    background-color: #FBEFEE;
    width: 100%;
    display: flex;
    padding-top: 89px;
    padding-bottom: 61px;
}

.section-text7[b-ohjm7ovrij] {
    max-width: 310px;
    width: 100%;
    /*padding-top: 25px;*/
    margin-bottom: 20px;
}

.text-section7[b-ohjm7ovrij] {
    color: var(--red);
    font-family: Montserrat;
    /*font-size: 20px !important;*/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.subtitle-section7[b-ohjm7ovrij] {
    color: var(--red);
    font-family: Montserrat;
    /*font-size: 32px !important;*/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.line-dash-section7[b-ohjm7ovrij] {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 0 8px;
}

    .line-dash-section7[b-ohjm7ovrij]::before {
        content: "";
        position: absolute;
        background-image: url('/assets/imgs/red-circular-line-small.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: inline-flex;
        pointer-events: none;
        left: -11px;
        bottom: -8px;
        width: 98px;
        height: 32px;
    }

.img-text[b-ohjm7ovrij] {
    width: 100%;
    max-width: 300px;
    object-fit: contain;
}


.author-section3[b-ohjm7ovrij] {
    color: var(--red);
    font-family: Montserrat;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 23px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
    padding-right: 34px;
}

    .author-section3[b-ohjm7ovrij]::before {
        content: "";
        display: inline-block;
        position: relative;
        bottom: -2px;
        left: 0;
        width: 83px;
        height: 2px;
        background: var(--red);
    }


/* ##### End Dont suck it up Section ##### */
@media (min-width: 390px) {
    .max-tilte-meet-mjf[b-ohjm7ovrij] {
        max-width: 100%;
    }

    .max-text-small-meet-mjf[b-ohjm7ovrij] {
        max-width: 100%;
    }

    .max-text-big-meet-mjf[b-ohjm7ovrij] {
        max-width: 300px;
    }

    .daiana-photo-meet-mjf[b-ohjm7ovrij] {
        width: 308.501px;
        height: 337.585px;
    }



    .max-w-section-email[b-ohjm7ovrij] {
        padding-right: 0;
        max-width: 100%;
    }

    .max-w-section-img[b-ohjm7ovrij] {
        padding-left: 0;
        max-width: 100%;
    }

    .white-quotes-above[b-ohjm7ovrij]::before {
        width: 23px;
        height: 20.024px;
        top: -9px;
        left: -23px;
    }

    .white-quotes-below[b-ohjm7ovrij]::after {
        width: 23px;
        height: 20.024px;
        bottom: auto;
        right: auto;
    }

    .white-quotes-above[b-ohjm7ovrij] {
        margin-left: 0px;
    }

    .pb-section-meet-mjf[b-ohjm7ovrij] {
        padding-bottom: 137px;
    }

    .section-text7[b-ohjm7ovrij] {
        max-width: 310px;
    }

    .section7[b-ohjm7ovrij] {
        height: 840px;
    }
}

@media (min-width: 576px) {


    .white-drop[b-ohjm7ovrij]::after {
        width: 10px;
        height: 12.15px;
        top: 14px;
        right: -12px;
    }
}


@media (min-width: 768px) {

    .max-tilte-meet-mjf span[b-ohjm7ovrij] {
        display: contents;
    }

    .container.meet[b-ohjm7ovrij] {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        justify-content: center;
        padding-top: 137px;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .red-meet[b-ohjm7ovrij] {
        width: 60%;
    }

    .image-w[b-ohjm7ovrij] {
        width: 40%;
    }

    .video-diy[b-ohjm7ovrij] {
        min-width: 366px;
        height: 246px !important;
    }
    /*address sitecss*/
    .mr-md-80[b-ohjm7ovrij] {
        margin-right: 80px;
    }

    .fs-md-80[b-ohjm7ovrij] {
        font-size: 5rem !important; /* 80px */
    }
    /*address sitecss*/
    .max-tilte-meet-mjf[b-ohjm7ovrij] {
        max-width: 334px;
    }

    .max-text-small-meet-mjf[b-ohjm7ovrij] {
        max-width: 333px;
    }

    .max-text-big-meet-mjf[b-ohjm7ovrij] {
        max-width: 452px;
    }

    .max-w-text-meet-mjf[b-ohjm7ovrij] {
        max-width: 370px;
    }

    .vh-100-meet-mjf[b-ohjm7ovrij] {
        height: auto;
    }

    .daiana-photo-meet-mjf[b-ohjm7ovrij] {
        width: 301px;
        height: 329.379px;
        top: 19px;
        right: 254px;
    }

    .div-daiana-photo-meet-mjf[b-ohjm7ovrij] {
        width: 100px;
        align-items: start;
        justify-content: normal;
    }


    .white-drop[b-ohjm7ovrij]::after {
        width: 15px;
        height: 15.15px;
        top: 27px;
        right: -17px;
    }

    .cirlular-dash-white[b-ohjm7ovrij] {
    }

    .max-w-section-email[b-ohjm7ovrij] {
        max-width: 540px;
    }

    .max-w-section-img[b-ohjm7ovrij] {
        max-width: none;
    }

    .cirlular-dash-white[b-ohjm7ovrij]::before {
        background-image: url('/assets/imgs/red-circular-line-small.svg');
        width: 134px;
        height: 83.684px;
        top: -31px;
        right: -9px;
    }

    .line-dash-white[b-ohjm7ovrij]::before {
        width: 110px;
        height: 17px;
        top: 14px;
        right: -5px;
    }

    .white-quotes-below[b-ohjm7ovrij]::after {
        width: 23px;
        height: 20.024px;
        bottom: 20px;
        right: 47px;
    }

    .pb-section-meet-mjf[b-ohjm7ovrij] {
        padding-bottom: 104px;
    }

    .card-meet-mjf[b-ohjm7ovrij] {
        bottom: 34px;
        width: 349px;
        max-width: 349px;
    }

    .two-girls-image[b-ohjm7ovrij] {
        background-position: center;
        height: 392px;
    }

    .section-text7[b-ohjm7ovrij] {
        max-width: 358px;
    }

    .section7[b-ohjm7ovrij] {
        height: 900px;
        padding-top: 114px;
        padding-bottom: 88px;
    }

    .img-text[b-ohjm7ovrij] {
        margin-top: 0;
        max-width: 296.187px;
        position: relative;
        left: 0px;
    }

    .line-dash-section7[b-ohjm7ovrij]::before {
        background-image: url('/assets/imgs/red-circular-line-small.svg');
        left: -16px;
        bottom: -13px;
        width: 142px;
        height: 47px;
    }

    .big-line-dash-red-meet-mjf[b-ohjm7ovrij]::before {
        width: 111px;
        height: 10px;
        top: 14px;
        left: -6px;
    }

    .max-h-screen[b-ohjm7ovrij] {
        height: 921px;
    }

    .max-input[b-ohjm7ovrij] {
        max-width: 511px;
        width: 100%;
    }
}


@media (min-width: 992px) {

    .max-h-screen[b-ohjm7ovrij] {
        height: 549px;
    }

    .max-input[b-ohjm7ovrij] {
        max-width: 511px;
        width: 100%;
    }

    .video-diy[b-ohjm7ovrij] {
        min-width: none;
        height: 100% !important;
    }

    /*address sitecss*/

    .fs-lg-80[b-ohjm7ovrij] {
        font-size: 5rem !important; /* 80px */
    }

    .mr-lg-80[b-ohjm7ovrij] {
        margin-right: 80px;
    }
    /*address sitecss*/

    .max-tilte-meet-mjf[b-ohjm7ovrij] {
        max-width: 100%;
    }

    .max-text-small-meet-mjf[b-ohjm7ovrij] {
        max-width: 540px;
    }

    .max-text-big-meet-mjf[b-ohjm7ovrij] {
        max-width: 540px;
    }


    .daiana-photo-meet-mjf[b-ohjm7ovrij] {
        width: 367px;
        height: 401.602px;
        top: -16px;
        right: 28px;
    }

    .vh-100-meet-mjf[b-ohjm7ovrij] {
        height: auto;
    }

    .div-daiana-photo-meet-mjf[b-ohjm7ovrij] {
        width: 367px;
    }



    .white-drop[b-ohjm7ovrij]::after {
        width: 15px;
        height: 15.15px;
        top: 25px;
        right: -17px;
    }

    .max-w-section-email[b-ohjm7ovrij] {
        padding-right: 10px;
        max-width: 556px;
    }

    .max-w-section-img[b-ohjm7ovrij] {
        padding-left: 10px;
        max-width: 335px;
    }

    .white-quotes-below[b-ohjm7ovrij]::after {
        width: 23px;
        height: 20.024px;
        bottom: 23px;
        right: 72px;
    }

    .pb-section-meet-mjf[b-ohjm7ovrij] {
        padding-bottom: 157px;
    }

    .card-meet-mjf[b-ohjm7ovrij] {
        bottom: auto;
    }

    .section7[b-ohjm7ovrij] {
        height: 500px;
        padding-top: 89px;
        padding-bottom: 61px;
    }

    .img-text[b-ohjm7ovrij] {
        max-width: 305.187px;
        position: relative;
        left: -24px;
    }

    .section-text7[b-ohjm7ovrij] {
        max-width: 600px;
    }

    .big-line-dash-red-meet-mjf[b-ohjm7ovrij]::before {
        width: 157px;
        height: 10px;
        top: 22px;
        left: -6px;
    }

    .max-w-text-meet-mjf[b-ohjm7ovrij] {
        max-width: 564px;
    }
}

@media (min-width: 1140px) {
}
/* /Pages/MJFQuizPage.razor.rz.scp.css */
.image-quiz[b-opjfdmvtu1] {
    object-fit: cover;
    height: 100vh;
    width: 100%;
    object-position: -138px center;
}

.icon-down[b-opjfdmvtu1] {
    height: 50px;
    position: absolute;
    bottom: 0;
}

    .icon-down img[b-opjfdmvtu1] {
        width: 30px;
        height: 30px;
        aspect-ratio: 1 / 2;
        object-fit: cover;
    }

.title-quiz[b-opjfdmvtu1] {
    padding-bottom: 80px;
    width: 100%;
    padding-right: 0px;
    max-width: 191px;
    
}

.max-content-screen[b-opjfdmvtu1] {
    min-height: max-content;
}

.max-content-img[b-opjfdmvtu1] {
    min-height: -webkit-fill-available;
}

.red-quiz[b-opjfdmvtu1] {
    width: 60%;
}

.image-w[b-opjfdmvtu1] {
    width: 40%;
}

.container.quiz[b-opjfdmvtu1] {
    max-width: 361px;
    padding-right: 28px !important;
    justify-content: end;
}

.max-text-form[b-opjfdmvtu1] {
    width: 100%;
    max-width: none;
    padding-bottom: 72px;
}

.max-text-form2[b-opjfdmvtu1] {
    width: 100%;
    padding-top: 56px;
    padding-bottom: 32px;
}

.pre-line[b-opjfdmvtu1] {
    white-space: pre-line;
}

.max-w-input-name[b-opjfdmvtu1] {
    width: 100%;
    max-width: 515px;
}

.input-name[b-opjfdmvtu1] {
    background-color: var(--white);
    border-radius: 9999px;
    border: 0.912px solid rgba(212, 49, 47, 0.60);
    color: var(--red);
    display: flex;
    padding: 14.59px;
    width: 100%;
    padding-left: 15px;
    align-items: center;
    height: 43.769px;
    transition: border-width .15s ease-in-out;
}

    .input-name[b-opjfdmvtu1]::placeholder {
        color: rgba(212, 49, 47, 0.60);
        font-family: Poppins;
        font-size: 12.766px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        font-size: 16px !important;
    }

    .input-name[type=text][b-opjfdmvtu1] {
        /*background-image: url('/assets/icons/pen.svg');*/
        background-repeat: no-repeat;
        background-position: right 14px center;
        background-size: 20px 20px;
        padding-right: 40px;
    }

    .input-name:focus[b-opjfdmvtu1] {
        color: rgba(212, 49, 47, 0.60);
        background-color: var(--white);
        border-color: rgba(212, 49, 47, 0.60);
        border-width: 2px;
        outline: 0;
        box-shadow: none;
    }

input[type="date"][b-opjfdmvtu1]::-webkit-calendar-picker-indicator {
    display: none;
}

.input-date[b-opjfdmvtu1] {
    background-color: var(--white);
    border-radius: 9999px;
    border: 0.912px solid rgba(212, 49, 47, 0.60);
    color: var(--red);
    display: flex;
    padding: 14.59px;
    width: 100%;
    padding-left: 15px;
    align-items: center;
    height: 43.769px;
    transition: border-width .15s ease-in-out;
}

    .input-date[b-opjfdmvtu1]::placeholder {
        color: rgba(212, 49, 47, 0.60);
        font-family: Poppins;
        font-size: 12.766px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        font-size: 16px !important;
    }

    .input-date[type=date][b-opjfdmvtu1] {
        background-image: url('/assets/icons/schedule.svg');
        background-repeat: no-repeat;
        background-position: right 14px center;
        background-size: 20px 20px;
        padding-right: 40px;
    }

    .input-date:focus[b-opjfdmvtu1] {
        color: rgba(212, 49, 47, 0.60);
        background-color: var(--white);
        border-color: rgba(212, 49, 47, 0.60);
        border-width: 2px;
        outline: 0;
        box-shadow: none;
    }


.input-email-quiz[b-opjfdmvtu1] {
    background-color: var(--white) !important;
    border-radius: 9999px;
    border: 0.912px solid rgba(212, 49, 47, 0.60);
    color: var(--red) !important;
    display: flex;
    padding: 14.59px;
    width: 100%;
    padding-left: 40px;
    align-items: center;
    height: 43.769px;
    transition: border-width .15s ease-in-out;
}

    .input-email-quiz[b-opjfdmvtu1]::placeholder {
        color: rgba(212, 49, 47, 0.60);
        font-family: Poppins;
        font-size: 12.766px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        font-size: 16px !important;
    }

    .input-email-quiz[type=email][b-opjfdmvtu1] {
        /*background-image: url('/assets/icons/user.svg') !important;*/
        background-position: 14px 13px;
        background-repeat: no-repeat;
    }

    .input-email-quiz:focus[b-opjfdmvtu1] {
        color: rgba(212, 49, 47, 0.60);
        background-color: var(--white);
        border-color: rgba(212, 49, 47, 0.60);
        border-width: 2px;
        outline: 0;
        box-shadow: none;
    }

input:-webkit-autofill[b-opjfdmvtu1],
input:-webkit-autofill:hover[b-opjfdmvtu1],
input:-webkit-autofill:focus[b-opjfdmvtu1],
input:-webkit-autofill:active[b-opjfdmvtu1] {
    -webkit-box-shadow: 0 0 0 1000px var(--white) inset !important; 
    -webkit-text-fill-color: var(--red) !important; 
    transition: background-color 9999s ease-in-out 0s;
}

.input-img-user[b-opjfdmvtu1] {
    position: relative;
    display: flex;
}

    .input-img-user img[b-opjfdmvtu1] {
        position: absolute;
        right: 15px;
        bottom: 12px;
        width: 20px;
        height: 20px;
        object-fit: cover;
    }

.input-img-email[b-opjfdmvtu1] {
    position: relative;
    display: flex;
}

    .input-img-email img[b-opjfdmvtu1] {
        position: absolute;
        left: 14px;
        bottom: 11px;
        width: 20px;
        height: 20px;
        object-fit: cover;
    }

.max-w-input[b-opjfdmvtu1] {
    width: 100%;
    max-width: 353px;
}

.div-indicators[b-opjfdmvtu1] {
    position: relative;
    /*height: 8px;*/
/*    padding-top: 48px;*/
    padding-bottom: 64px;
    gap: 69px;
    display:flex;
    flex-direction: column;
}

    .div-indicators .carousel-indicators[b-opjfdmvtu1] {
        position: relative;
    }

.btn-first[b-opjfdmvtu1] {
    padding-top: 103px;
}


.mb-text[b-opjfdmvtu1] {
    padding-bottom: 38px;
}

.custom-checkbox input[type="checkbox"][b-opjfdmvtu1] {
    display: none;
}

.custom-checkbox .checkmark[b-opjfdmvtu1] {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 6px;
    border: 2px solid var(--light-blue);
    background-color: transparent;
    position: relative;
    margin-right: 0;
    vertical-align: middle;
    cursor: pointer;
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark[b-opjfdmvtu1]::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 2px;
    width: 10px;
    height: 22px;
    border: solid var(--light-blue);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox[b-opjfdmvtu1] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    width: 35px;
    height: 35px;
}

.btn-control[b-opjfdmvtu1] {
    padding-top: 175px;
}

    .btn-control button[b-opjfdmvtu1] {
        max-width: 130px;
        height: 52px;
    }


.custom-radio input[type="radio"][b-opjfdmvtu1] {
    display: none;
}

.custom-radio .radiomark[b-opjfdmvtu1] {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid var(--red);
    border-radius: 9999px;
    background-color: transparent;
    position: relative;
    margin-right: 0;
    vertical-align: middle;
    cursor: pointer;
}

.custom-radio input[type="radio"]:checked + .radiomark[b-opjfdmvtu1] {
    background-color: var(--red);
}

    .custom-radio input[type="radio"]:checked + .radiomark[b-opjfdmvtu1]::after {
        content: '';
        position: absolute;
        top: 7px;
        left: 7px;
        width: 8px;
        height: 8px;
        background-color: var(--white);
        border-radius: 50%;
    }

.custom-radio[b-opjfdmvtu1] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.max-result-text[b-opjfdmvtu1] {
    width: 100%;
    max-width: 671px;
    padding-top: 56px;
    padding-bottom: 29px;
    padding-left: 12px;
    padding-right: 12px;
}

.px-mobile[b-opjfdmvtu1] {
    padding-left: 12px;
    padding-right: 12px;
}

    .px-mobile p[b-opjfdmvtu1] {
        margin-bottom: 40px;
        margin-top: 40px;
    }

.max-w-btn[b-opjfdmvtu1] {
    width: 100%;
    max-width: 655px;
}

.mouth-image[b-opjfdmvtu1] {
    object-fit: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.p-finish[b-opjfdmvtu1] {
    padding-bottom: 64px;
}
@media (min-width: 390px) {
}

.quiz-container[b-opjfdmvtu1] {
    height: 1000px;
}

    .quiz-container.finish[b-opjfdmvtu1] {
        height: fit-content;
    }

@media (min-width: 768px) {

    .quiz-container[b-opjfdmvtu1] {
        height: 1056px;
    }

        .quiz-container.finish[b-opjfdmvtu1] {
            height: fit-content;
        }

    .image-quiz[b-opjfdmvtu1] {
        object-position:  center;
    }

    .container.quiz[b-opjfdmvtu1] {
        max-width: 361px;
        margin-right: 60px;
        padding-right: 0px !important;
        justify-content: end;
    }

    .max-text-form[b-opjfdmvtu1] {
        padding-bottom: 72px;
        width: 100%;
        max-width: 765px;
    }

    .max-text-form2[b-opjfdmvtu1] {
        padding-top: 71px;
        padding-bottom: 64px;
        width: 100%;
    }

    .max-result-text[b-opjfdmvtu1] {
        padding-top: 71px;
        padding-bottom: 64px;
    }

    .mb-text[b-opjfdmvtu1] {
        padding-bottom: 38px;
    }

    .div-indicators[b-opjfdmvtu1] {
        padding-bottom: 88px;
    }

    .btn-control[b-opjfdmvtu1] {
        padding-top: 243px;
    }

        .btn-control button[b-opjfdmvtu1] {
            max-width: 258px;
            height: 49px;
        }

    .mouth-image[b-opjfdmvtu1] {
        padding-top: 84px;
        padding-bottom: 0px;
        width: 323.287px;
        object-fit: cover;
    }

    .p-finish[b-opjfdmvtu1] {
        padding-bottom: 129px;
    }

    .title-quiz[b-opjfdmvtu1] {
        max-width: 567px;
        padding-bottom: 80px;
        width: 100%;
        padding-right: 0px;
    }
}


@media (min-width: 992px) {

    .max-w-btn[b-opjfdmvtu1] {
        width: 100%;
        max-width: 382px;
    }

    .quiz-container[b-opjfdmvtu1] {
        height: 896px;
    }

        .quiz-container.finish[b-opjfdmvtu1] {
            height: fit-content;
        }

    .container.quiz[b-opjfdmvtu1] {
        max-width: 537px;
        margin-right: 0;
        padding-right: 0px !important;
        justify-content: end;
    }

    .title-quiz[b-opjfdmvtu1] {
        max-width: 567px;
        padding-bottom: 80px;
        width: 100%;
        padding-right: 0px;
    }

    .max-text-form[b-opjfdmvtu1] {
        padding-bottom: 23px;
        width: 100%;
        max-width: 765px;
    }

    .max-text-form2[b-opjfdmvtu1] {
        padding-top: 41px;
        padding-bottom: 64px;
        width: 100%;
    }

    .max-result-text[b-opjfdmvtu1] {
        padding-top: 41px;
        padding-bottom: 64px;
    }

    .mb-text[b-opjfdmvtu1] {
        padding-bottom: 38px;
    }

    .div-indicators[b-opjfdmvtu1] {
        padding-bottom: 82px;
    }

    .btn-control[b-opjfdmvtu1] {
        padding-top: 88px;
    }

    .mouth-image[b-opjfdmvtu1] {
        padding-top: 0;
        padding-bottom: 0px;
        width: 323.287px;
        object-fit: cover;
    }

    .p-finish[b-opjfdmvtu1] {
        padding-bottom: 87px;
    }
}

/* /Pages/NotFoundpage.razor.rz.scp.css */
.section-notfound[b-e236cw0t9o] {
    position: relative;
    width: 100%;
    height: 100%;
}

    .section-notfound h1[b-e236cw0t9o] {
        margin-top: 95px !important;
        margin-bottom: 24px !important;
    }

    .section-notfound p[b-e236cw0t9o] {
        margin-bottom: 51px !important;
    }

.font-notfound[b-e236cw0t9o] {
    color: var(--red);
    font-family: Ahsing;
    font-size: 200px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    right: 0;
    bottom: 87px;
}

@media (min-width: 768px) {
    .font-notfound[b-e236cw0t9o] {
        color: var(--red);
        font-family: Ahsing;
        font-size: 400px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        position: absolute;
        right: 0;
        bottom: 87px;
    }
}


@media (min-width: 992px) {
    .font-notfound[b-e236cw0t9o] {
        color: var(--red);
        font-family: Ahsing;
        font-size: 400px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        position: absolute;
        right: 0;
        bottom: 87px;
    }
}
/* /Pages/PrivacyPolicyPage.razor.rz.scp.css */


/* /Pages/ReferralPage.razor.rz.scp.css */
nav[b-koxe288au0] {
    position: absolute;
    padding: 20px 0;
}

    nav img[b-koxe288au0] {
        width: 46px;
        height: 45.198px;
        object-fit: cover;
    }


h1[b-koxe288au0], h2[b-koxe288au0], h3[b-koxe288au0], p[b-koxe288au0], span[b-koxe288au0] {
    color: var(--red);
    font-family: var(--base-font );
}






.banner-main[b-koxe288au0] {
    width: 100%;
    height: 305px;
    object-fit: cover;
}

#feel-good-referral .div-referral[b-koxe288au0] {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 96px;
    max-width: 354px;
}

    #feel-good-referral .div-referral img[b-koxe288au0] {
        width: 49.125px;
        height: 48px;
        object-fit: cover;
        position: relative;
        right: 157px;
        top: 19px;
    }

#feel-good-referral .img-section[b-koxe288au0] {
    position: inherit;
    width: 293px;
    height: 349px;
}

    #feel-good-referral .img-section img[b-koxe288au0] {
        width: calc(100vw - 0px);
        height: 293px;
        object-fit: cover;
        border-radius: 0;
        position: absolute;
        right: 0;
        margin-top: 33px;
    }

    #feel-good-referral .img-section[b-koxe288au0]::after {
        content: '';
        position: absolute;
        background-image: url('/assets/imgs/try-for-free.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 186px;
        height: 144.009px;
        top: auto;
        left: auto;
        bottom: -502px;
        right: 64px;
    }

#feel-good-referral .max-w-text[b-koxe288au0] {
    max-width: 431px;
}

#what-is-good-referral .title-section[b-koxe288au0] {
    text-box: initial;
    max-width: 290px;
    margin-bottom: 35px;
}


#what-is-good-referral .list-formulated[b-koxe288au0] {
    gap: 10px;
    row-gap: 10px;
    margin-top: 70px;
    justify-content: center;
}

    #what-is-good-referral .list-formulated img[b-koxe288au0] {
        width: 49.125px;
        height: 48px;
        object-fit: cover;
    }

.icon-formulated.thc[b-koxe288au0] {
    width: 47px !important;
    height: 51px !important;
}


.max-w-text-formulated[b-koxe288au0] {
    width: 111px;
    height: 72px;
}

    .max-w-text-formulated.thc[b-koxe288au0] {
        width: 112px;
        height: 72px;
        position: relative;
        top: -12px;
    }

    .max-w-text-formulated.free[b-koxe288au0] {
        width: 178px;
        height: 95px;
    }



footer[b-koxe288au0] {
    padding: 22px 0;
}

    footer img[b-koxe288au0] {
        width: 250.42px;
        height: 89.62px;
        object-fit: cover;
    }


#feel-good-list-referral .content-duble[b-koxe288au0] {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#feel-good-list-referral .img-section[b-koxe288au0] {
    position: inherit;
    width: 100%;
    height: 356px;
}

    #feel-good-list-referral .img-section img[b-koxe288au0] {
        width: calc(100vw - 0px);
        height: 293px;
        object-fit: cover;
        border-radius: 0px;
        position: absolute;
        left: 0px;
    }

#feel-good-list-referral .comparison[b-koxe288au0] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 54px;
    gap: 20px;
}

.max-input-section[b-koxe288au0] {
    max-width: 530px;
    margin: 0 auto;
}

.cards-gap[b-koxe288au0] {
    gap: 16px;
}

.card-article[b-koxe288au0] {
    display: flex;
    width: 272px;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 10px;
    background: #FFF;
    min-height: 624px;
}

    .card-article img[b-koxe288au0] {
        width: 160px;
        height: 154px;
        border-radius: 10px;
        object-fit: cover;
    }


.related-section[b-koxe288au0] {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
    padding-bottom: 75px;
    /*gap: 40px;*/
    display: flex;
    flex-direction: column;
    position: relative;
}

    .related-section h3[b-koxe288au0] {
        max-width: none;
    }

.scroll-cards-article[b-koxe288au0] {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: 630px;
    margin-top: 40px;
}

.next-article[b-koxe288au0] {
    position: absolute;
    bottom: 41%;
    right: -20px;
}

.prev-article[b-koxe288au0] {
    position: absolute;
    bottom: 41%;
    left: -28px;
}

    .prev-article img[b-koxe288au0] {
        width: 60px;
        height: 60px;
    }

.img-about[b-koxe288au0] {
    background-image: url(/assets/imgs/section3-mobile-joinn.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    padding-top: 72px;
    padding-bottom: 72px;
    height: 800px;
}

.text-heart[b-koxe288au0] {
    position: relative;
}

    .text-heart[b-koxe288au0]::after {
        content: '';
        position: absolute;
        background-image: url('/assets/imgs/heart-img.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 29px;
        height: 30px;
        top: auto;
        left: auto;
        bottom: -7px;
        right: 124px;
    }

#about-you-main .text-content[b-koxe288au0] {
    max-width: 253px;
}

    #about-you-main .text-content p[b-koxe288au0] {
        max-width: 235px;
    }

    #about-you-main .text-content.input[b-koxe288au0] {
        max-width: 368px;
    }

.mt-123[b-koxe288au0] {
    margin-top: 123px;
}

#what-is-good-referral .video-patch-section2 video[b-koxe288au0] {
    width: 367px;
    height: 416px;
    position: relative;
    top: -25px;
}

@media (min-width: 768px) {

    #about-you-main .text-content[b-koxe288au0] {
        max-width: 468px;
    }

    #about-you-main .text-content[b-koxe288au0] {
        max-width: 468px;
    }

        #about-you-main .text-content p[b-koxe288au0] {
            max-width: 468px;
        }

        #about-you-main .text-content.input[b-koxe288au0] {
            max-width: 468px;
        }

    #what-is-good-referral .title-section[b-koxe288au0] {
        text-box: initial;
        max-width: 690px;
        margin-bottom: 0px;
    }


    #feel-good-referral .img-section[b-koxe288au0]::after {
        content: '';
        position: absolute;
        background-image: url('/assets/imgs/try-for-free.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 186px;
        height: 144.009px;
        top: auto;
        left: auto;
        bottom: -76px;
        right: 64px;
    }

    #feel-good-referral .img-section img[b-koxe288au0] {
        width: 681px;
        height: 480px;
        object-fit: cover;
        border-radius: 0 10px 10px 0;
        position: absolute;
        right: 25px;
        margin-top: 0;
        object-position: 110px 0;
    }

    #feel-good-referral .img-section[b-koxe288au0] {
        position: relative;
        width: 590px;
        height: 484px;
    }

    #feel-good-referral .div-referral[b-koxe288au0] {
        max-width: none;
    }

        #feel-good-referral .div-referral img[b-koxe288au0] {
            width: 75.5px;
            height: 79px;
            object-fit: cover;
            position: relative;
            right: auto;
            top: auto;
        }

    #feel-good-list-referral .content-duble[b-koxe288au0] {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }


    nav img[b-koxe288au0] {
        width: 67px;
        height: 66.198px;
        object-fit: cover;
    }




    .banner-main[b-koxe288au0] {
        width: 100%;
        height: 604px;
        object-fit: cover;
    }

    #what-is-good-referral .video-patch-section2 video[b-koxe288au0] {
        width: 367px;
        height: 416px;
        position: relative;
        top: -25px;
    }


    .cards-gap[b-koxe288au0] {
        gap: 16px;
    }

    .card-article[b-koxe288au0] {
        display: flex;
        width: 300px;
        padding: 24px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        border-radius: 10px;
        background: #FFF;
        min-height: 624px;
    }

        .card-article img[b-koxe288au0] {
            width: 250px;
            height: 241px;
            border-radius: 10px;
            object-fit: cover;
        }


    #feel-good-list-referral .img-section[b-koxe288au0] {
        position: relative;
        width: 241px;
        height: 404px;
    }

        #feel-good-list-referral .img-section img[b-koxe288au0] {
            width: 247px;
            height: 392px;
            object-fit: cover;
            border-radius: 10px 0px 0px 10px;
            position: absolute;
            left: 14px;
        }

    .img-about[b-koxe288au0] {
        background-image: url(/assets/imgs/section3-mobile-join.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding-top: 72px;
        padding-bottom: 72px;
        height: auto;
    }

    footer[b-koxe288au0] {
        padding: 30px 0;
    }

        footer img[b-koxe288au0] {
            width: 251.42px;
            height: 89.62px;
            object-fit: cover;
        }


    #what-is-good-referral .list-formulated[b-koxe288au0] {
        gap: 13px;
        margin-top: 70px;
        justify-content: center;
        row-gap: 20px;
    }

        #what-is-good-referral .list-formulated img[b-koxe288au0] {
            width: 48px;
            height: 48px;
            object-fit: cover;
        }

    .max-w-text-formulated[b-koxe288au0] {
        width: 123px;
        height: 72px;
    }

        .max-w-text-formulated.thc[b-koxe288au0] {
            width: 123px;
            height: 72px;
            top: auto;
        }

        .max-w-text-formulated.free[b-koxe288au0] {
            width: 123px;
            height: 72px;
        }

    .scroll-cards-article[b-koxe288au0] {
        height: auto;
    }
}

.flow-w[b-koxe288au0] {
    width: calc(100vw - 15px) !important;
}

@media (min-width: 992px) {

    .flow-w[b-koxe288au0] {
        width: 100% !important;
    }

    #feel-good-list-referral .img-section img[b-koxe288au0] {
        width: 421px;
        height: 392px;
        object-fit: cover;
        border-radius: 10px;
        position: absolute;
        left: 25px;
    }

    #feel-good-list-referral .img-section[b-koxe288au0] {
        position: relative;
        width: 741px;
        height: 404px;
    }

    nav[b-koxe288au0] {
        position: absolute;
        padding: 20px 0;
    }

        nav img[b-koxe288au0] {
            width: 79.999px;
            height: 78.604px;
            object-fit: cover;
        }

    .scroll-cards-article[b-koxe288au0] {
        height: auto;
        margin-top: 40px;
    }

    .related-section[b-koxe288au0] {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 52px;
        padding-bottom: 96px;
        /*gap: 68px;*/
    }

        .related-section h3[b-koxe288au0] {
            max-width: 600px;
        }


    .banner-main[b-koxe288au0] {
        width: 100%;
        height: 686px;
        object-fit: cover;
    }


    #what-is-good-referral .title-section[b-koxe288au0] {
        text-box: initial;
        max-width: none;
    }


    #what-is-good-referral .video-patch-section2 video[b-koxe288au0] {
        width: 496px;
        height: 416px;
        position: relative;
        top: -25px;
    }

    #what-is-good-referral .list-formulated[b-koxe288au0] {
        gap: 38px;
        row-gap: 0px;
        margin-top: 30px;
        justify-content: space-between;
    }

        #what-is-good-referral .list-formulated img[b-koxe288au0] {
            width: 49.125px;
            height: 48px;
            object-fit: cover;
        }


    .max-w-text-formulated[b-koxe288au0] {
        width: 130px;
        height: 72px;
    }

        .max-w-text-formulated.thc[b-koxe288au0] {
            width: 130px;
            height: 72px;
        }

        .max-w-text-formulated.free[b-koxe288au0] {
            width: 130px;
            height: 72px;
        }

    footer[b-koxe288au0] {
        padding: 52px 0;
    }

        footer img[b-koxe288au0] {
            width: 307.42px;
            height: 89.62px;
            object-fit: cover;
        }


    #feel-good-referral .img-section img[b-koxe288au0] {
        width: 681px;
        height: 480px;
        object-fit: cover;
        border-radius: 10px;
        position: absolute;
        right: 25px;
        margin-top: 0;
        object-position: center;
    }
}
/* /Pages/TermsConditionsPage.razor.rz.scp.css */
/* /Pages/UpsellingPage.razor.rz.scp.css */
nav[b-37i8t5ib30] {
    position: absolute;
    padding: 20px 0;
}

    nav img[b-37i8t5ib30] {
        width: 46px;
        height: 45.198px;
        object-fit: cover;
    }

.upselling-img-main[b-37i8t5ib30] {
    background-image: url(/assets/imgs/box-big-section.webp);
    background-size: 916px;
    background-repeat: no-repeat;
    margin-top: -70px;
    /* padding-top: 184px; */
    background-position-x: 61%;
    background-position-y: 69px;
    /*background-color: #ecd7d1;*/
}

    .upselling-img-main .container[b-37i8t5ib30] {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        /* padding-top: 118px; */
        height: 311px;
    }

    .upselling-img-main .bg-home[b-37i8t5ib30] {
        width: 50%;
        border-left: 4px dashed #FFFFFF66;
        display: flex;
        align-items: flex-end;
        height: 310px;
        background-color: transparent;
    }

        .upselling-img-main .bg-home img[b-37i8t5ib30] {
            width: 180px;
            object-fit: cover;
            height: 233px;
            position: relative;
            object-position: 0 0;
        }


    .upselling-img-main .main-content[b-37i8t5ib30] {
        width: 50%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        max-width: none;
    }

    .upselling-img-main .div-img[b-37i8t5ib30] {
        display: flex;
        gap: 8px;
        margin-bottom: 24px;
    }

        .upselling-img-main .div-img img[b-37i8t5ib30] {
            width: 58.607px;
            height: 40.396px;
            object-fit: cover;
        }

    .upselling-img-main .or[b-37i8t5ib30] {
        position: relative;
        left: -2px;
        width: 10px;
        top: -111px;
    }

    .upselling-img-main .pacth-content[b-37i8t5ib30] {
        padding-bottom: 20px;
    }



.content-duble[b-37i8t5ib30] {
    display: flex;
    gap: 54px;
    flex-direction: column;
}






#main-upgrade .img-side[b-37i8t5ib30] {
    position: relative;
    width: 306px;
    height: 246px;
}

    #main-upgrade .img-side img[b-37i8t5ib30] {
        position: absolute;
        left: -46px;
        width: 306px;
        height: 246px;
        object-fit: cover;
        border-radius: 0 10px 10px 0;
        object-position: 30px 0px;
    }

    #main-upgrade .img-side[b-37i8t5ib30]::after {
        content: '';
        position: absolute;
        background-image: url('/assets/imgs/unlocked.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 113px;
        height: 91.009px;
        top: auto;
        left: auto;
        bottom: -10px;
        right: 25px;
    }

#main-upgrade .content-text[b-37i8t5ib30] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    #main-upgrade .content-text p[b-37i8t5ib30] {
        margin-bottom: 35px;
        max-width: none;
    }

    #main-upgrade .content-text h2[b-37i8t5ib30] {
        margin-bottom: 37px;
        max-width: none;
    }












#path-upgrade .title-section[b-37i8t5ib30], .subtitle-section[b-37i8t5ib30] {
    text-box: initial;
    text-align: center;
    max-width: 690px;
}

#path-upgrade .subtitle-section[b-37i8t5ib30] {
    margin-bottom: 108px;
    max-width: 295px;
}

#path-upgrade .content-term[b-37i8t5ib30] {
    display: flex;
    flex-direction: column;
}

    #path-upgrade .content-term .list-path[b-37i8t5ib30] {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        margin-top: 2px;
    }

        #path-upgrade .content-term .list-path .mb-8[b-37i8t5ib30] {
            width: 24px !important;
            height: 24px !important;
            aspect-ratio: 1/1;
            object-fit: cover;
        }

        #path-upgrade .content-term .list-path img[b-37i8t5ib30] {
            width: 14.968px;
            height: 14.968px;
            object-fit: cover;
        }

        #path-upgrade .content-term .list-path p[b-37i8t5ib30] {
            max-width: 68px;
        }

    #path-upgrade .content-term .div-path[b-37i8t5ib30] {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 32px;
    }

        #path-upgrade .content-term .div-path span[b-37i8t5ib30] {
            color: var(--red);
            font-family: var(--base-font);
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 140%;
            margin-top: 8px;
        }

        #path-upgrade .content-term .div-path img[b-37i8t5ib30] {
            width: 100%;
        }

        #path-upgrade .content-term .div-path .texts[b-37i8t5ib30] {
            padding: 0px;
        }

            #path-upgrade .content-term .div-path .texts .max1[b-37i8t5ib30] {
                width: 68px;
                display: flex;
                justify-content: center;
            }

            #path-upgrade .content-term .div-path .texts .max2[b-37i8t5ib30] {
                width: 68px;
                display: flex;
                justify-content: center;
            }

            #path-upgrade .content-term .div-path .texts .max3[b-37i8t5ib30] {
                width: 68px;
                display: flex;
                justify-content: center;
            }

            #path-upgrade .content-term .div-path .texts .max4[b-37i8t5ib30] {
                width: 68px;
                width: 68px;
                display: flex;
                justify-content: center;
            }














#flo-section-upgrade .img-side[b-37i8t5ib30] {
    position: relative;
    width: 304px;
    height: 241px;
}

    #flo-section-upgrade .img-side img[b-37i8t5ib30] {
        position: absolute;
        right: -56px;
        width: 304px;
        height: 264px;
        object-fit: cover;
        border-radius: 10px 0px 0px 10px;
        object-position: -514px 0px;
    }

    #flo-section-upgrade .img-side[b-37i8t5ib30]::after {
        content: '';
        position: absolute;
        background-image: url('/assets/imgs/exclusive-for-you2.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 152px;
        height: 88.009px;
        top: -36px;
        left: auto;
        bottom: auto;
        right: -47px;
    }

#flo-section-upgrade .list-topics[b-37i8t5ib30] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 35px;
    margin-bottom: 71px;
}

    #flo-section-upgrade .list-topics p[b-37i8t5ib30] {
        color: var(--red);
        font-family: Montserrat;
        font-size: 20px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        display: flex;
        gap: 13px;
        margin-bottom: 0;
    }

        #flo-section-upgrade .list-topics p[b-37i8t5ib30]::before {
            content: '';
            background-color: var(--red);
            min-width: 11px;
            height: 11px;
            display: block;
            border-radius: 999999px;
            margin-top: 9px;
        }

#flo-section-upgrade .content-duble[b-37i8t5ib30] {
    flex-direction: column-reverse;
}


#flo-section-upgrade .content-text[b-37i8t5ib30] {
    display: flex;
    flex-direction: column;
    align-items: center;
}










#only-section-main
.img-side[b-37i8t5ib30] {
    position: relative;
    width: 306px;
    height: 246px;
}

    #only-section-main
    .img-side img[b-37i8t5ib30] {
        position: absolute;
        left: -39px;
        width: 196px;
        height: 246px;
        object-fit: cover;
        border-radius: 0 10px 10px 0;
    }

#only-section-main .content-text[b-37i8t5ib30] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}


#only-section-main .title h3[b-37i8t5ib30] {
    color: var(--red);
    font-family: Montserrat;
    font-size: 36px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 124.216%;
    letter-spacing: 3.2px;
}

#only-section-main .title h2[b-37i8t5ib30] {
    color: var(--red);
    font-family: Montserrat;
    font-size: 80px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 103%;
    margin-bottom: 0;
}

#only-section-main .title h4[b-37i8t5ib30] {
    color: var(--red);
    text-align: center;
    font-family: Montserrat;
    font-size: 30px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 124.216%;
    letter-spacing: 2.56px;
    margin-bottom: 0;
}

#only-section-main p[b-37i8t5ib30] {
    margin-top: 21px;
    margin-bottom: 40px;
    text-align: center;
    max-width: 300px;
}

#only-section-main .content-duble[b-37i8t5ib30] {
    flex-direction: row;
}













#link-upgrade-main button[b-37i8t5ib30] {
    width: 100%;
    max-width: 309px;
    height: 59px;
    font-size: 20px !important;
}

#link-upgrade-main .content-text[b-37i8t5ib30] {
    display: flex;
    flex-direction: column;
    max-width: 598px;
    gap: 37px;
    margin-top: 65px;
    margin-bottom: 45px;
    align-items: flex-start;
}



    #link-upgrade-main .content-text .step-header[b-37i8t5ib30] {
        display: flex;
        align-items: center;
    }


        #link-upgrade-main .content-text .step-header .icons[b-37i8t5ib30] {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-left: 15px;
        }

        #link-upgrade-main .content-text .step-header .step-number[b-37i8t5ib30] {
            color: var(--red);
            text-align: center;
            font-family: Montserrat;
            font-size: 24px !important;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            background-color: var(--white);
            width: 39px;
            height: 39px;
            border-radius: 999999px;
            margin-right: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #link-upgrade-main .content-text .step-header .step-title[b-37i8t5ib30] {
            color: var(--red);
            font-family: Montserrat;
            font-size: 24px !important;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
        }

footer[b-37i8t5ib30] {
    padding: 22px 0;
}

    footer img[b-37i8t5ib30] {
        width: 250.42px;
        height: 89.62px;
        object-fit: cover;
    }

.box-item[b-37i8t5ib30] {
    position: relative;
    top: 7px;
}

@media (min-width: 768px) {


    .box-item[b-37i8t5ib30] {
        position: relative;
        top: auto;
    }

    nav img[b-37i8t5ib30] {
        width: 67px;
        height: 66.198px;
        object-fit: cover;
    }

    .upselling-img-main[b-37i8t5ib30] {
        background-image: url(/assets/imgs/box-big-section.webp);
        background-size: 1562px;
        background-repeat: no-repeat;
        margin-top: -70px;
        /* padding-top: 184px; */
        background-position-x: 62%;
        background-position-y: 43px;
        /*background-color: #ecd7d1;*/
    }

        .upselling-img-main .main-content[b-37i8t5ib30] {
            width: 50%;
            height: 100%;
            display: flex;
            align-items: flex-end;
            max-width: none;
        }

        .upselling-img-main .container[b-37i8t5ib30] {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            /* padding-top: 118px; */
            height: 455px;
        }

        .upselling-img-main .div-img[b-37i8t5ib30] {
            display: flex;
            gap: 25px;
            margin-bottom: 45px;
        }

            .upselling-img-main .div-img img[b-37i8t5ib30] {
                width: 106.134px;
                height: 72.744px;
                object-fit: cover;
            }

        .upselling-img-main .or[b-37i8t5ib30] {
            position: relative;
            left: 5px;
            top: -198px;
            width: 26px;
        }

        .upselling-img-main .bg-home[b-37i8t5ib30] {
            width: 50%;
            border-left: 4px dashed #FFFFFF66;
            display: flex;
            align-items: flex-end;
            height: 449px;
            background-color: transparent;
        }

            .upselling-img-main .bg-home img[b-37i8t5ib30] {
                width: 380px;
                object-fit: cover;
                height: 442px;
                position: relative;
                object-position: 0 0;
                top: -32px;
            }

        .upselling-img-main .pacth-content[b-37i8t5ib30] {
            padding-bottom: 23px;
        }








    #main-upgrade .img-side[b-37i8t5ib30] {
        position: relative;
        width: 536px;
        height: 357px;
    }

        #main-upgrade .img-side img[b-37i8t5ib30] {
            position: absolute;
            left: -128px;
            width: 489px;
            height: 357px;
            object-fit: cover;
            border-radius: 0 10px 10px 0;
            object-position: 82px 0px;
        }

        #main-upgrade .img-side[b-37i8t5ib30]::after {
            content: '';
            position: absolute;
            background-image: url('/assets/imgs/unlocked.svg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 228px;
            height: 204.009px;
            top: auto;
            left: auto;
            bottom: -30px;
            right: -38px;
        }

    #main-upgrade .content-text[b-37i8t5ib30] {
        align-items: start;
    }

        #main-upgrade .content-text p[b-37i8t5ib30] {
            margin-bottom: 35px;
            max-width: 259px;
        }

        #main-upgrade .content-text h2[b-37i8t5ib30] {
            margin-bottom: 35px;
            max-width: none;
        }

    #path-upgrade .subtitle-section[b-37i8t5ib30] {
        margin-bottom: 50px;
        max-width: 461px;
    }

    #path-upgrade .content-term .list-path .mb-8[b-37i8t5ib30] {
        width: 53px !important;
        height: 53px !important;
        aspect-ratio: 1/1;
        object-fit: cover;
    }

    #path-upgrade .content-term .list-path img[b-37i8t5ib30] {
        width: 24px;
        height: 24px;
        object-fit: cover;
    }

    #path-upgrade .content-term .list-path p[b-37i8t5ib30] {
        max-width: none;
    }









    #flo-section-upgrade .img-side[b-37i8t5ib30] {
        position: relative;
        width: 739px;
        height: 458px;
    }

        #flo-section-upgrade .img-side img[b-37i8t5ib30] {
            position: absolute;
            right: -35px;
            width: 429px;
            height: 546px;
            object-fit: cover;
            border-radius: 10px 0px 0px 10px;
            object-position: -14px;
        }

        #flo-section-upgrade .img-side[b-37i8t5ib30]::after {
            content: '';
            position: absolute;
            background-image: url('/assets/imgs/exclusive-for-you2.svg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 259px;
            height: 147.009px;
            top: -56px;
            left: auto;
            bottom: auto;
            right: -21px;
        }

    #flo-section-upgrade .list-topics[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 35px;
        margin-bottom: 71px;
    }

        #flo-section-upgrade .list-topics p[b-37i8t5ib30] {
            color: var(--red);
            font-family: Montserrat;
            font-size: 16px !important;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            display: flex;
            gap: 13px;
            margin-bottom: 0;
        }

            #flo-section-upgrade .list-topics p[b-37i8t5ib30]::before {
                content: '';
                background-color: var(--red);
                min-width: 11px;
                height: 11px;
                display: block;
                border-radius: 999999px;
                margin-top: 9px;
            }



    #flo-section-upgrade .content-duble[b-37i8t5ib30] {
        flex-direction: row;
    }


    #flo-section-upgrade .content-text[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .content-duble[b-37i8t5ib30] {
        display: flex;
        gap: 54px;
        flex-direction: row;
    }

    #only-section-main .img-side[b-37i8t5ib30] {
        position: relative;
        width: 467px;
        height: 452px;
    }

        #only-section-main
        .img-side img[b-37i8t5ib30] {
            position: absolute;
            left: -56px;
            width: 467px;
            height: 452px;
            object-fit: cover;
            border-radius: 0 10px 10px 0;
        }

    #only-section-main .content-text[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }


    #only-section-main .title h3[b-37i8t5ib30] {
        color: var(--red);
        font-family: Montserrat;
        font-size: 48px !important;
        font-style: normal;
        font-weight: 800;
        line-height: 124.216%;
        letter-spacing: 3.2px;
    }

    #only-section-main .title h2[b-37i8t5ib30] {
        color: var(--red);
        font-family: Montserrat;
        font-size: 128px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 103%;
        margin-bottom: 0;
    }

    #only-section-main .title h4[b-37i8t5ib30] {
        color: var(--red);
        text-align: center;
        font-family: Montserrat;
        font-size: 40px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 124.216%;
        letter-spacing: 2.56px;
        margin-bottom: 0;
    }

    #only-section-main p[b-37i8t5ib30] {
        margin-top: 57px;
        margin-bottom: 40px;
        text-align: center;
        max-width: 300px;
    }






    #link-upgrade-main button[b-37i8t5ib30] {
        width: 100%;
        max-width: 555px;
        height: 70px;
        font-size: 24px !important;
    }


    #link-upgrade-main .content-text[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
        max-width: 598px;
        gap: 37px;
        margin-top: 65px;
        margin-bottom: 45px;
        align-items: flex-start;
    }



        #link-upgrade-main .content-text .step-header[b-37i8t5ib30] {
            display: flex;
            align-items: center;
        }


            #link-upgrade-main .content-text .step-header .icons[b-37i8t5ib30] {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-left: 15px;
            }

            #link-upgrade-main .content-text .step-header .step-number[b-37i8t5ib30] {
                color: var(--red);
                text-align: center;
                font-family: Montserrat;
                font-size: 32px !important;
                font-style: normal;
                font-weight: 600;
                line-height: 140%;
                background-color: var(--white);
                width: 53px;
                height: 53px;
                border-radius: 999999px;
                margin-right: 15px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            #link-upgrade-main .content-text .step-header .step-title[b-37i8t5ib30] {
                color: var(--red);
                font-family: Montserrat;
                font-size: 24px !important;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
            }


    footer[b-37i8t5ib30] {
        padding: 30px 0;
    }

        footer img[b-37i8t5ib30] {
            width: 251.42px;
            height: 89.62px;
            object-fit: cover;
        }


    #path-upgrade .content-term .div-path .texts[b-37i8t5ib30] {
        padding: 0px;
    }

        #path-upgrade .content-term .div-path .texts .max1[b-37i8t5ib30] {
            width: 104px;
            display: flex;
            justify-content: center;
        }

        #path-upgrade .content-term .div-path .texts .max2[b-37i8t5ib30] {
            width: 106px;
            display: flex;
            justify-content: center;
        }

        #path-upgrade .content-term .div-path .texts .max3[b-37i8t5ib30] {
            width: 106px;
            display: flex;
            justify-content: center;
        }

        #path-upgrade .content-term .div-path .texts .max4[b-37i8t5ib30] {
            width: 138px;
            display: flex;
            justify-content: center;
        }
}

@media (min-width: 992px) {

    nav[b-37i8t5ib30] {
        position: absolute;
        padding: 20px 0;
    }

        nav img[b-37i8t5ib30] {
            width: 79.999px;
            height: 78.604px;
            object-fit: cover;
        }

    .upselling-img-main[b-37i8t5ib30] {
        background-image: url(/assets/imgs/box-big-section.webp);
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: -30px;
        background-position-y: 11px;
        background-position-x: 61%;
        /*padding-top: 184px;*/
        /*background-color: #ecd7d1;*/
    }


        .upselling-img-main .main-content[b-37i8t5ib30] {
            width: 50%;
            height: 100%;
            display: flex;
            align-items: flex-end;
        }

        .upselling-img-main .div-img[b-37i8t5ib30] {
            display: flex;
            gap: 25px;
            margin-bottom: 77px;
        }

            .upselling-img-main .div-img img[b-37i8t5ib30] {
                width: 178px;
                height: 122px;
                object-fit: cover;
                object-position: center;
            }

        .upselling-img-main .or[b-37i8t5ib30] {
            position: relative;
            left: 5px;
            top: -296px;
            width: 26px;
        }

        .upselling-img-main .pacth-content[b-37i8t5ib30] {
            padding-bottom: 68px;
        }

        .upselling-img-main .bg-home[b-37i8t5ib30] {
            width: 50%;
            border-left: 4px dashed #FFFFFF66;
            display: flex;
            align-items: flex-end;
            height: 600px;
            background-color: transparent;
        }

            .upselling-img-main .bg-home img[b-37i8t5ib30] {
                width: 463px;
                object-fit: cover;
                height: 442px;
                position: relative;
                object-position: center;
                top: auto;
            }



        .upselling-img-main .container[b-37i8t5ib30] {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            /* padding-top: 118px; */
            height: 600px;
        }


    .content-duble[b-37i8t5ib30] {
        display: flex;
        gap: 54px;
        flex-direction: row;
    }







    #main-upgrade .img-side[b-37i8t5ib30] {
        position: relative;
        width: 739px;
        height: 526px;
    }

        #main-upgrade .img-side img[b-37i8t5ib30] {
            position: absolute;
            left: -128px;
            width: 561px;
            height: 526px;
            object-fit: cover;
            border-radius: 10px;
            object-position: 1px 0px;
        }

        #main-upgrade .img-side[b-37i8t5ib30]::after {
            content: '';
            position: absolute;
            background-image: url('/assets/imgs/unlocked.svg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 268px;
            height: 227.009px;
            top: auto;
            left: auto;
            bottom: -30px;
            right: -38px;
        }

    #main-upgrade .content-text[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        #main-upgrade .content-text p[b-37i8t5ib30] {
            margin-bottom: 35px;
            max-width: 419px;
        }

        #main-upgrade .content-text h2[b-37i8t5ib30] {
            margin-bottom: 75px;
        }












    #path-upgrade .title-section[b-37i8t5ib30], .subtitle-section[b-37i8t5ib30] {
        text-box: initial;
        text-align: center;
        max-width: 690px;
    }

    #path-upgrade .subtitle-section[b-37i8t5ib30] {
        margin-bottom: 108px;
        max-width: 690px;
    }

    #path-upgrade .content-term[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
    }

        #path-upgrade .content-term .list-path[b-37i8t5ib30] {
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: space-between;
            margin-top: 2px;
        }

        #path-upgrade .content-term .div-path[b-37i8t5ib30] {
            width: 100%;
            margin-top: 40px;
            margin-bottom: 32px;
        }

            #path-upgrade .content-term .div-path img[b-37i8t5ib30] {
                width: 100%;
            }

            #path-upgrade .content-term .div-path .texts[b-37i8t5ib30] {
                padding: 0px;
            }

                #path-upgrade .content-term .div-path .texts .max1[b-37i8t5ib30] {
                    width: 148px;
                    display: flex;
                    justify-content: center;
                }

                #path-upgrade .content-term .div-path .texts .max2[b-37i8t5ib30] {
                    width: 151px;
                    display: flex;
                    justify-content: center;
                }

                #path-upgrade .content-term .div-path .texts .max3[b-37i8t5ib30] {
                    width: 151px;
                    display: flex;
                    justify-content: center;
                }

                #path-upgrade .content-term .div-path .texts .max4[b-37i8t5ib30] {
                    width: 197px;
                    display: flex;
                    justify-content: center;
                }

















    #flo-section-upgrade .img-side[b-37i8t5ib30] {
        position: relative;
        width: 739px;
        height: 632px;
    }

        #flo-section-upgrade .img-side img[b-37i8t5ib30] {
            position: absolute;
            right: 0;
            width: 429px;
            height: 632px;
            object-fit: cover;
            object-position: -35px 1px;
            border-radius: 10px;
        }

        #flo-section-upgrade .img-side[b-37i8t5ib30]::after {
            content: '';
            position: absolute;
            background-image: url('/assets/imgs/exclusive-for-you2.svg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 304px;
            height: 169.009px;
            top: -86px;
            left: auto;
            bottom: auto;
            right: -2px;
        }

    #flo-section-upgrade .list-topics[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 35px;
        margin-bottom: 71px;
    }

        #flo-section-upgrade .list-topics p[b-37i8t5ib30] {
            color: var(--red);
            font-family: Montserrat;
            font-size: 20px !important;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            display: flex;
            gap: 13px;
            margin-bottom: 0;
        }

            #flo-section-upgrade .list-topics p[b-37i8t5ib30]::before {
                content: '';
                background-color: var(--red);
                width: 11px;
                height: 11px;
                display: block;
                border-radius: 999999px;
                margin-top: 9px;
            }














    #only-section-main
    .img-side[b-37i8t5ib30] {
        position: relative;
        width: 739px;
        height: 526px;
    }

        #only-section-main
        .img-side img[b-37i8t5ib30] {
            position: absolute;
            left: -56px;
            width: 561px;
            height: 637px;
            object-fit: cover;
            border-radius: 10px;
        }

    #only-section-main .content-text[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }


    #only-section-main .title h3[b-37i8t5ib30] {
        color: var(--red);
        font-family: Montserrat;
        font-size: 80px !important;
        font-style: normal;
        font-weight: 800;
        line-height: 124.216%;
        letter-spacing: 3.2px;
    }

    #only-section-main .title h2[b-37i8t5ib30] {
        color: var(--red);
        font-family: Montserrat;
        font-size: 200px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 103%;
        margin-bottom: 0;
    }

    #only-section-main .title h4[b-37i8t5ib30] {
        color: var(--red);
        text-align: center;
        font-family: Montserrat;
        font-size: 64px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 124.216%;
        letter-spacing: 2.56px;
        margin-bottom: 0;
    }

    #only-section-main p[b-37i8t5ib30] {
        margin-top: 57px;
        margin-bottom: 40px;
        text-align: center;
        max-width: 300px;
    }














    #link-upgrade-main button[b-37i8t5ib30] {
        width: 811px;
        max-width: 811px;
        height: 103px;
        font-size: 36px !important;
    }


    #link-upgrade-main .content-text[b-37i8t5ib30] {
        display: flex;
        flex-direction: column;
        max-width: 598px;
        gap: 37px;
        margin-top: 40px;
        margin-bottom: 45px;
        align-items: flex-start;
    }



        #link-upgrade-main .content-text .step-header[b-37i8t5ib30] {
            display: flex;
            align-items: center;
        }


            #link-upgrade-main .content-text .step-header .icons[b-37i8t5ib30] {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-left: 15px;
            }

            #link-upgrade-main .content-text .step-header .step-number[b-37i8t5ib30] {
                color: var(--red);
                text-align: center;
                font-family: Montserrat;
                font-size: 40px !important;
                font-style: normal;
                font-weight: 600;
                line-height: 140%;
                background-color: var(--white);
                width: 53px;
                height: 53px;
                border-radius: 999999px;
                margin-right: 15px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            #link-upgrade-main .content-text .step-header .step-title[b-37i8t5ib30] {
                color: var(--red);
                font-family: Montserrat;
                font-size: 24px !important;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
            }

    footer[b-37i8t5ib30] {
        padding: 52px 0;
    }

        footer img[b-37i8t5ib30] {
            width: 307.42px;
            height: 89.62px;
            object-fit: cover;
        }
}