:root {
    --font-color: #343A40;
    --orange: #F16E00
}

body {
    font-family: Asap
}

.careHome_mainSection > h1 {
    text-align: center;
    color: #343a40;
    font-size: 28px;
    font-weight: 400;
    padding-bottom: 16px;
    border-bottom: 1px solid #E6E7E8;
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,坎文细黑,Amiri,sans-serif;
}

.careHome_mainSection_container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    margin: auto;
    padding: 24px 0;
    border-radius: 4px;
    place-items: center
}

.profileCareHome_container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-bottom: 30px
}

@media (max-width: 1118px) {
    .profileCareHome_container {
        grid-template-columns: repeat(2,1fr)
    }

    .CareHomeoption-card .image-container {
        min-width: 330px !important;
        max-width: 100%;
    }
}

.CareHomeoption-card, .profileCareHome_profileCard {
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    height: 100%
}

.profileCareHome_profileCard {
    border-radius: 4px
}

.CareHomeoption-card.selected {
    position: relative
}

.profileCareHome_profileCard {
    position: relative;
    box-shadow: 0 0 0 1px #e6e7e8
}

    .profileCareHome_profileCard.selected {
        position: relative;
        box-shadow: 0 0 0 4px #f16e00
    }

.care_home_next-button:not(:disabled):hover {
    background-color: #235594 !important
}

.profileCareHome_profileCard.selected:after {
    content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C8.96 0 0 8.96 0 20C0 31.04 8.96 40 20 40C31.04 40 40 31.04 40 20C40 8.96 31.04 0 20 0ZM20 36C11.18 36 4 28.82 4 20C4 11.18 11.18 4 20 4C28.82 4 36 11.18 36 20C36 28.82 28.82 36 20 36ZM27.76 12.58L16 24.34L12.24 20.58C11.46 19.8 10.2 19.8 9.42 20.58C8.64 21.36 8.64 22.62 9.42 23.4L14.6 28.58C15.38 29.36 16.64 29.36 17.42 28.58L30.6 15.4C31.38 14.62 31.38 13.36 30.6 12.58C29.82 11.8 28.54 11.8 27.76 12.58Z' fill='%23F16E00'/%3E%3C/svg%3E");
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100%
}

.CareHomeoption-card .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent;
    height: 282px;
    min-width: 540px;
    max-width: 100%;
}

.profileCareHome_profileCard .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent
}

#Home.CareHomeoption-card img, #CareHome.CareHomeoption-card img {
    min-width: 540px;
    max-width: 100%;
    height: 282px;
    object-fit: cover;
    border-radius: 4px
}

.profileCareHome_profileCard img {
    width: 100%;
    height: 276px;
    object-fit: cover
}

.careHome_mainSection_cardTitle {
    text-align: center;
    color: #003a81;
    font-size: 24px;
    font-weight: 400;
    margin-top: 24px;
    margin-bottom: 24px;
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,华文细黑,Amiri,sans-serif
}

.profile-label {
    text-align: start;
    font-weight: 700;
    margin-top: 10px;
    color: #0055a5
}

.option-description {
    margin-top: 10px;
    font-size: 18px;
    color: #003a81;
    line-height: 27px
}

.Care_home_navigation {
    display: flex;
    justify-content: space-between;
    padding: 48px 0;
    z-index: 100
}

.care_home_prev-button {
    min-width: 156px;
    height: 44px;
    background-color: #fff;
    color: #003a81;
    border: 1px solid #003A81;
    border-radius: 2px;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color .3s ease;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 24px;
    gap: 16px;
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,华文细黑,Amiri,sans-serif
}

.care_home_next-button {
    min-width: 161px;
    height: 44px;
    background-color: #003a81;
    color: #fff;
    border: none;
    border-radius: 2px;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color .3s ease;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 24px;
    gap: 16px;
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,华文细黑,Amiri,sans-serif
}

.care_home_next-button {
    background-color: #003a81
}

.CareHome_nav-button:disabled {
    color: #8e9093;
    cursor: not-allowed;
    background-color: #f8f9fa;
    border: 1px solid #8E9093
}

.CareHome_nav-button svg {
    width: 24px;
    height: 24px
}

.care_home_next-button svg {
    margin-right: 0
}

.profile-illustration {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.bathroom-icon {
    width: 60px;
    height: 80px;
    background-color: #fff;
    border-radius: 5px;
    position: relative
}

.carehome_imageSelect {
    border: 4px solid transparent !important
}

    .carehome_imageSelect.selected {
        border: 4px solid #F16E00 !important
    }

.CareHomeoption-card.selected .careHome_mainSection_cardTitle {
    color: #f16e00
}

.profileCareHome_profileLevel > h1 {
    font-family: Asap;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 15%;
    text-transform: uppercase;
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,华文细黑,Amiri,sans-serif
}

.profileCareHome_profileCard_SELECT_BUTTON {
    width: 97px;
    height: 44px;
    gap: 16px;
    border-radius: 2px;
    background-color: #199fd8;
    border: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,坎文细黑,Amiri,sans-serif
}

    .profileCareHome_profileCard_SELECT_BUTTON.selected {
        min-width: 156px;
        max-width: 100%;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f16e00;
        margin-top: auto;
        gap: 16px;
        border-radius: 2px;
        padding: 10px 24px
    }

.selectedCheck_Profile {
    display: none
}

    .selectedCheck_Profile > svg {
        margin-top: 6px
    }

.profileCareHome_profileLevel > p {
    font-family: Asap;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #343a40;
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,华文细黑,Amiri,sans-serif
}

.profileCardCareHomeTwo {
    margin: 24px 0 !important
}

#LivingAtSection {
    margin-bottom: 24px
}

@media screen and (max-width: 1118px) {
    .Care_home_navigation {
        background-color: #003a81;
        padding: 24px
    }

    .profileCareHome_profileCard img {
        height: 183px
    }

    .care_home_next-button {
        background-color: #fff !important;
        border-radius: 2px;
        color: #003a81
    }

    .care_home_prev-button {
        min-width: 156px;
        height: 44px;
        border: 1px solid #FFFFFF !important;
        background-color: #003a81;
        border-radius: 2px;
        color: #fff;
        font-size: 18px;
        gap: 16px
    }

    .Care_home_navigation {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-between
    }

    .CareHomeoption-card .image-container {
        width: 330px
    }
}

@media screen and (max-width: 768) {
    .profileCareHome_profileCard img {
        width: 330px !important;
        height: 183px !important;
        object-fit: cover
    }

    .prev-button {
        background-color: transparent;
        color: #fff;
        border: 1px solid #ffffff
    }
}

@media screen and (max-width: 576px) {
    .Care_home_navigation {
        padding: 24px
    }

    .care_home_prev-button {
        min-width: 72px !important
    }

        .care_home_prev-button > span {
            display: none
        }

    .CareHomeoption-card .image-container {
        display: none
    }

    .careHome_mainSection_cardTitle {
        width: 328px;
        height: 88px;
        gap: 16px;
        border-radius: 2px;
        background-color: #003a81;
        color: #fff;
        align-content: center;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        margin-top: 0;
        margin-bottom: 0
    }

    .careHome_mainSection_card {
        width: 328px
    }

    .profileCareHome_profileCard img {
        height: 183px !important;
        object-fit: cover
    }

    .careHome_mainSection_container {
        padding: 0 0 16px;
        place-items: center;
        margin-bottom: 80px
    }

    .profileCareHome_container {
        grid-template-columns: 1fr
    }

    .carehome_imageSelect .selected {
        border-color: #f16e00
    }

    .option-level.selected {
        border: 4px solid #F16E00
    }

    .CareHomeoption-card.selected .careHome_mainSection_cardTitle {
        background-color: #00316e;
        color: #fff
    }

    .CareHomeoption-card .careHome_mainSection_cardTitle:hover {
        background-color: #235594;
        color: #fff
    }

    .CareHomeoption-card.selected .careHome_mainSection_cardTitle:active {
        background-color: #00316e;
        color: #fff
    }

    .careHome_mainSection_container {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .profileCardCareHomeTwo {
        margin: 16px 0 !important
    }

    #urin_leakage .careneed_urineleakage_pickcard {
        grid-template-columns: repeat(1,1fr) !important;
        gap: 20px;
        place-items: center;
        padding: 24px !important;
        gap: 24px !important
    }

    .urin_leakage {
        width: 100% !important;
        height: auto !important;
        gap: 24px;
        border-radius: 4px;
        padding: 24px
    }

    #careNeedsInfroUrineVolume .width700 {
        width: 345px !important
    }

    #careNeedsInfroUrineVolume .careneeds_intro_desc {
        line-height: 26px !important;
        font-size: 16px !important
    }

    #urin_leakage .urin_leakage_popupClick {
        margin-top: 24px !important;
        margin-bottom: 32px !important
    }

    #urin_leakage .urin_leakage_popupClick {
        padding-bottom: 0px !important;
    }

    .urin_leakage {
        min-width: 345px !important;
        max-width: 100% !important;
        height: auto !important;
        gap: 24px;
        border-radius: 4px;
        padding: 0px 0 0
    }

    #urin_leakage .urineCard {
        min-width: 297px !important;
        height: 136px;
        padding: 26px 12px !important;
        border-radius: 4px;
        border-width: 1px
    }

    #urin_leakage .urin_leakage_heading {
        font-size: 20px !important;
        line-height: 28px !important;
    }
}

.careHome_mainSection_cardTitle .selected {
    color: #f16e00;
    border: 4px solid #F16E00
}

.rowTitleComponent > h2 {
    text-align: center
}

.row_subtitle {
    text-align: center
}

.carehome_imageSelect {
    cursor: pointer
}

.gender-option.selected, onlyHome_mainSection_image_container.selected {
    border-color: #f16e00
}

.onlyHome_mainSection_image_container {
    border: 4px solid transparent
}

.careHomePage {
    display: none
}

    .careHomePage.active {
        display: block
    }

@media screen and (min-width: 577px) and (max-width: 1118px) {
    .CareHomeoption-card img {
        width: 330px !important;
        height: 282px;
        object-fit: cover;
        border-radius: 4px
    }
}

#Women > .carehome_imageSelect, #Men > .carehome_imageSelect {
    background-color: #f8f9fa
}

.profileCareHome_profileCard {
    display: flex;
    flex-direction: column;
    height: 100%
}

.promo-desct {
    flex-grow: 1
}

.care-needs-promo-desc > p {
    color: #343a40;
    font-feature-settings: "clig" off,"liga" off;
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,坎文细黑,Amiri,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 30px
}

.Promobox--SingleCard > .component-careneed {
    border-radius: 4px;
    outline: 1px solid var(--TPW-TENA-Silver-Light, #e6e7e8)
}

#careneedLandingDisclaimer {
    padding-top: 24px;
    padding-bottom: 96px
}

#careNeedsInfroFirst .careneeds_introTitle {
    font-family: Asap;
    font-weight: 400;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -1px;
    vertical-align: middle;
    color: var(--font-color);
    margin-top: 32px
}

#careNeedsInfroFirst .careneeds_intro_desc {
    font-family: Asap;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    color: var(--font-color);
    margin-top: 32px;
    margin-bottom: 32px
}

.careneeds_intro_pera {
    font-family: Asap;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0px;
    color: var(--font-color)
}

.careneeds_section, .careneed-section-signpost-standard {
    display: flex;
    align-items: start;
    padding: 48px 0
}

.CTA_button_orange_care {
    background-color: var(--orange);
    color: #fff;
    margin-top: 32px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    font-family: var(--font-asap-bold);
    padding: 10px 24px;
    border-radius: 2px;
    outline: none;
    border: none;
    text-align: center;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    min-width: 278px;
    max-width: 100%;
    height: 44px;
    white-space: nowrap;
}

.richtext-content, .careneed_richtext_content {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #343a40
}

.liveAtHome_title {
    text-align: center;
    padding-bottom: 16px
}

.marginBottom_lastPromo {
    padding-bottom: 0
}

#AnatomySection {
    margin-bottom: 24px
}

#LivingAtSection {
    margin-top: 48px
}

@media only screen and (max-width: 577px) {
    .mobileeeeee {
        background: #003a81;
        padding: 24px;
        position: fixed;
        bottom: 0;
        z-index: 99;
        right: 0;
        left: 0;
        text-align: center;
        border-top-width: 1px;
        gap: 24px
    }

    .CTA_button_orange_care {
        margin-top: 0
    }

    .careneed_mobile_richtext-content {
        font-size: 20px;
        font-family: Asap
    }

    .richtext-content {
        font-size: 20px
    }

    .careneed_richtext_content {
        font-family: Asap;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0px
    }

    .profileCareHome_profileCard.selected:after {
        content: "";
        background: transparent
    }

    .Care_home_navigation {
        padding-bottom: 24px;
        padding-left: 24px !important;
        padding-right: 24px !important;
        margin-top: 0
    }

    #LivingAtSection {
        margin-bottom: 24px
    }

    .liveAtHome_title {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 17px !important
    }

    .mobile-signpost-right {
        flex-direction: column-reverse;
        display: flex
    }

    #careNeedsInfroFirst .careneeds_intro_desc {
        margin-top: 8px;
        margin-bottom: 8px
    }

    #careNeedsInfroFirst .careneeds_introTitle {
        margin-top: 16px;
        font-family: Asap;
        font-weight: 400;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0px
    }

    .section-signpost, .section-signpost-standard {
        padding: 0 14px
    }

    #careNeedsInfroFirst .careneeds_intro_desc {
        font-size: 20px
    }

    .paddingLR {
        padding-left: 23.5px !important;
        padding-right: 23.5px !important
    }

    #careneed_imagetop_twothird {
        width: 328px
    }

    #stepDots {
        display: flex;
        position: absolute;
        right: 50%;
        background-color: #f8f9fa;
        left: 50%;
        bottom: 63px;
        padding: 24px;
        transform: translate(-50%,-50%);
        z-index: 99999;
        width: 100%
    }

    .Anatomy_rowTitleComponent#AnatomySection {
        margin-top: 32px;
        margin-bottom: 24px
    }

    .promoboxFirstSpacing {
        padding-top: 16px;
    }
}

@media screen and (min-width: 577px) and (max-width: 1118px) {
    .mobileeeeee {
        background: #003a81;
        padding: 24px;
        position: fixed;
        bottom: 0;
        z-index: 99;
        right: 0;
        left: 0;
        text-align: end
    }

    .promoboxFirstSpacing {
        padding-top: 16px;
    }
   

    .CTA_button_orange_care {
        margin-top: 0;
        border-radius: 2px
    }

    .mobile-signpost-right {
        flex-direction: column-reverse;
        display: flex
    }

    .careneed_mobile_richtext-content {
        margin-bottom: 24px;
        margin-top: 24px;
        font-family: Asap;
        font-weight: 400;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0px;
        color: #343a40
    }

    .careneed_richtext_content {
        font-family: Asap;
        font-weight: 400;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0px
    }

    .liveAtHome_title {
        text-align: center;
        margin-bottom: 16px
    }

    .profileCardCareHomeTwo {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .careHome_mainSection_cardTitle {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px
    }

    .profileCareHome_profileCard.selected:after {
        width: 32px;
        height: 32px
    }

    .profileCareHome_profileCard.selected:after {
        content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C8.96 0 0 8.96 0 20C0 31.04 8.96 40 20 40C31.04 40 40 31.04 40 20C40 8.96 31.04 0 20 0ZM20 36C11.18 36 4 28.82 4 20C4 11.18 11.18 4 20 4C28.82 4 36 11.18 36 20C36 28.82 28.82 36 20 36ZM27.76 12.58L16 24.34L12.24 20.58C11.46 19.8 10.2 19.8 9.42 20.58C8.64 21.36 8.64 22.62 9.42 23.4L14.6 28.58C15.38 29.36 16.64 29.36 17.42 28.58L30.6 15.4C31.38 14.62 31.38 13.36 30.6 12.58C29.82 11.8 28.54 11.8 27.76 12.58Z' fill='%23F16E00'/%3E%3C/svg%3E");
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px
    }

    .careneed_desciption_home {
        font-size: 24px
    }

    #careNeedsInfroFirst .careneeds_introTitle {
        margin-top: 24px;
        font-size: 40px;
        line-height: 44px
    }

    #careNeedsInfroFirst .careneeds_intro_desc {
        margin-top: 24px;
        margin-bottom: 24px
    }

    #urin_leakage .careneed_urineleakage_pickcard {
        grid-template-columns: repeat(2,1fr) !important;
        gap: 20px
    }

    .urin_leakage {
        min-width: 728px !important;
        max-width: 100%;
        border-radius: 4px;
        top: 394px;
        left: 20px
    }

    #careNeedsInfroUrineVolume .width700 {
        width: 728px !important
    }

    #careNeedsInfroUrineVolume .careneeds_intro_desc {
        font-size: 16px !important
    }

    #urin_leakage .urin_leakage_popupClick {
        padding-bottom: 16px !important
    }

    .profileCareHome_profileCard {
        width: 330px
    }

        .profileCareHome_profileCard img {
            width: 330px;
            height: 183px;
            object-fit: cover
        }

    .careneed_desciption_home {
        line-height: 32px !important
    }

    .width730 {
        max-width: 100% !important;
        min-width: 100% !important
    }

    .careNeedsInfroUrineVolume_textWidth {
        width: 570px;
        max-width: 100%;
        margin: auto
    }

    .bladderAmount .chooseAmountText {
        font-size: 20px !important;
        line-height: 28px !important;
    }
}

.promocontent-div.main-div.two-third-imgtop {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

.promo-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.profileCareHome_profileCard_SELECT_BUTTON {
    margin-top: auto
}

@media (max-width: 820px) {
    .component-careneed {
        height: 100%
    }

    .promocontent-div.main-div.two-third-imgtop {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .promo-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column
    }

    .profileCareHome_profileCard_SELECT_BUTTON {
        margin-top: auto
    }
}

#stepDots {
    display: none;
    justify-content: center;
    align-items: center
}

.dot {
    width: 16px;
    height: 8px;
    background-color: #ccc;
    border-radius: 100px;
    margin: 0 5px;
    transition: all .3s ease
}

    .dot.active {
        background-color: #199fd8;
        width: 24px;
        border-radius: 4px
    }

#careNeedsInfroUrineVolume {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #343a40;
    margin-top: 24px
}

    #careNeedsInfroUrineVolume .careneeds_intro_desc {
        font-family: Asap;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center
    }

.urin_leakage {
    text-align: center;
    min-width: 1110px;
    max-width: 100%
}

#urin_leakage .careneed_urineleakage_pickcard {
    padding: 24px 48px 48px;
    background-color: #f8f9fa
}

#urin_leakage .urin_leakage_heading {
    font-family: Asap;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
    color: #343a40;
    background-color: #f8f9fa;
    padding-top: 24px
}

#urin_leakage .careneed_urineleakage_pickcard {
    font-family: Asap;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle
}

#urin_leakage .urin_leakage_popupClick {
    font-family: Asap;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    color: #003a81
}

#urin_leakage .urin_leakage_popupClick {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin: 24px 0;
    padding-bottom: 24px;
    cursor: pointer
}

    #urin_leakage .urin_leakage_popupClick > span {
        height: 23px
    }

#urin_leakage .careneed_urineleakage_pickcard, #urin_leakage .careneed_urineleakage_rowCard {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px 24px
}

#urin_leakage .urineCard {
    min-width: 321px;
    max-width: 100%;
    height: 136px;
    padding: 26px 24px;
    border-radius: 4px;
    border-width: 1px;
    border: 1px solid #235594;
    cursor: pointer;
    margin-bottom: 4px;
}

#urin_leakage .UrineLevel {
    font-family: Asap;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #343a40;
    margin-bottom: 4px;
}

#urin_leakage .UrineVolumeTitle {
    font-family: Asap;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #235594;
    margin-bottom: 4px;
}

#urin_leakage .UrineVolumeDescription {
    font-family: Asap;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #707376
}

.urineCard.selected {
    border: 2px solid #f57c00 !important
}


.measurement-section-image > img {
    width: 357px;
    height: 130px;
    object-fit: cover;
}

#careneed_sizing {
    background-color: #f8f9fa;
    min-width: 1110px;
    max-width: 100%;
    border-radius: 4px;
    margin-top: 24px
}

    #careneed_sizing .sizing-header {
        text-align: center;
        margin-bottom: 30px
    }

    #careneed_sizing .sizing-title {
        font-family: Asap;
        font-weight: 400;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0px;
        text-align: center;
        color: #343a40
    }

    #careneed_sizing .sizing-subtitle {
        font-family: Asap;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0px;
        text-align: center;
        color: #343a40
    }

    #careneed_sizing .sizing-content {
        display: flex;
        align-items: center;
        gap: 40px;
        padding: 48px 55px 53px 48px;
        border-radius: 4px;
    }


    #careneed_sizing .measurement-title {
        font-family: Asap;
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0px;
        color: #343a40
    }

    #careneed_sizing .measurement-subtitle {
        font-family: Asap;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0px;
        color: #343a40;
        margin-bottom: 29px
    }

    #careneed_sizing .measurement-diagram {
        width: 100%;
        max-width: 200px;
        height: auto;
        margin-bottom: 20px
    }

    #careneed_sizing .selection-section {
        flex: 2
    }

    #careneed_sizing .user-icon {
        width: 50px;
        height: 50px;
        background-color: #666;
        border-radius: 50%;
        margin: 0 auto 20px;
        position: relative;
        overflow: hidden
    }

    #careneed_sizing .select-title {
        font-family: Asap;
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #343a40;
        margin-bottom: 16px
    }

    #careneed_sizing .size-grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        column-gap: 24px;
        row-gap: 16px
    }

    #careneed_sizing .size-option {
        min-width: 174px;
        max-width: 100%;
        height: 136px;
        padding-top: 24px;
        padding-bottom: 24px;
        border-radius: 4px;
        border: 1px solid #235594;
        align-content: center;
        text-align: center;
        cursor: pointer
    }

        #careneed_sizing .size-option.selected {
            border: 2px solid #ff6b35
        }

    #careneed_sizing .size-label {
        font-family: Asap;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        color: #235594
    }

    #careneed_sizing .size-range {
        font-family: Asap;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        color: #343a40
    }

#SeeRecommendations_button {
    border: none
}

    #SeeRecommendations_button:disabled {
        background-color: #f8f9fa !important;
        color: #8e9093 !important;
        cursor: not-allowed !important
    }

#SeeRecommendations_button {
    background-color: #f16e00;
    color: #fff;
    cursor: pointer
}

    #SeeRecommendations_button .SeeRecommendations_btnTag {
        width: 265px;
        height: 44px;
        padding: 10px 24px;
        gap: 16px;
        border-radius: 2px;
        font-family: Asap;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: unset;
        white-space: nowrap
    }

@media screen and (min-width: 577px) and (max-width: 1118px) {
    #careneed_sizing {
        padding: 30px 20px;
        min-width: 728px;
        max-width: 100%;
        margin-top: 72px;
        padding: 48px 48px 20px;
    }

        #careneed_sizing .size-grid {
            width: 633px !important;
            height: 325px !important
        }

        #careneed_sizing .size-option {
            width: 195px;
            height: 150px
        }

        #careneed_sizing .sizing-content {
            flex-direction: column;
            gap: 30px;
            place-items: center
        }

        #careneed_sizing .sizing-title {
            font-size: 2rem
        }

        #careneed_sizing .size-grid {
            grid-template-columns: repeat(3,1fr);
            gap: 24px
        }

        #careneed_sizing .size-option {
            padding: 15px
        }


        #careneed_sizing .measurement-section .measurement-section-text {
            flex: 1;
            min-width: 304px
        }

    #urin_leakage .careneed_urineleakage_pickcard {
        padding: 24px 32px 38px 29px;
        gap: 17px 24px
    }

    .measurement-section .video-thumbnail {
        width: 302px;
        height: 110px;
        object-fit: cover
    }

    .measurement-section {
        display: flex;
        gap: 26px
    }

    .measurement-section-image > img {
        width: 302px;
        height: 110px;
        object-fit: cover;
    }

    #urin_leakage .urin_leakage_heading {
        padding-top: 30px;
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    #careneed_sizing {
        padding: 0
    }

        #careneed_sizing .sizing-title {
            font-size: 1.8rem
        }

        #careneed_sizing .size-grid {
            grid-template-columns: repeat(2,1fr);
            gap: 24px;
        }

        #careneed_sizing .size-option {
            padding: 18px
        }

        #careneed_sizing .sizing-content {
            gap: 20px;
            padding: 24px;
            display: block;
            margin-top: 24px
        }

        #careneed_sizing .size-option {
            min-width: 137px;
            max-width: 100%;
            height: 107px
        }

        #careneed_sizing .measurement-subtitle {
            margin-bottom: 14px
        }

    .measurement-section .video-thumbnail {
        margin-bottom: 20px
    }

    #careneed_sizing {
        margin: auto auto 64px;
        min-width: 343px;
        max-width: 100%;
    }

        #careneed_sizing .measurement-section {
            flex: 1;
            width: auto;
            gap: 24px
        }

        #careneed_sizing .select-title {
            margin-bottom: 24px;
            margin-top: 20px
        }

        #careneed_sizing .select-title {
            margin: 24px 0;
        }

    .measurement-section-image > img {
        width: 298.5px;
        height: 108.5px;
        object-fit: cover;
    }
}

#BladderSection {
    margin-top: 24px
}

.bladderAmount {
    min-width: 1110px;
    max-width: 100%;
    background: #f8f9fa;
    gap: 24px;
    padding: 24px 48px 48px;
    margin-top: 24px
}

.bladderAmountSection {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px
}

    .bladderAmountSection .bladderAmountNumber {
        min-width: 235.5px;
        max-width: 100%;
        height: 136px;
        border-radius: 4px;
        border-width: 1px;
        border: 1px solid #235594;
        align-content: center;
        font-family: Asap;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        color: #235594;
        cursor: pointer
    }

.bladderAmount .chooseAmountText {
    font-family: Asap;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #343a40;
    padding-bottom: 24px
}

.bladderAmountSection .bladderAmountNumber.selected {
    border: 2px solid red
}

@media screen and (min-width: 768px) and (max-width: 1118px) {
    .bladderAmountSection {
        grid-template-columns: repeat(3,1fr);
        gap: 24px
    }

    .bladderAmount {
        min-width: 728px;
        max-width: 100%;
        height: 434px;
        min-height: 100%;
        padding: 30px 32.87px 28px 29.13px;
        margin-top: 16px;
        margin-bottom: 181px;
    }

    .bladderAmountSection .bladderAmountNumber {
        min-width: 206px;
        height: 92px
    }

    #BladderSection {
        margin-top: 48px
    }
}

@media (max-width: 576px) {
    #BladderSection {
        margin-top: 40px
    }

    .bladderAmountSection {
        grid-template-columns: repeat(2,1fr);
        gap: 24px
    }

    .bladderAmount {
        min-width: 343px;
        max-width: 100%;
        padding: 24px;
        margin: 16px auto 49px
    }

    .bladderAmountSection .bladderAmountNumber {
        min-width: 135.5px;
        max-width: 100%;
        min-height: 100px
    }

    .bladderAmount .chooseAmountText {
        font-family: Asap;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle
    }
}

.InformationPadWeighing_Heading {
    font-family: Asap;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #343a40
}

.InformationPadWeighing_cookieMessage {
    font-family: Asap;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #343a40;
    margin-top: 12px
}

.InformationPadWeighing_acceptButton {
    text-align: center;
    float: inline-end;
    width: 219px;
    height: 44px;
    border-radius: 2px;
    gap: 16px;
    padding: 10px 24px;
    background: #003a81;
    color: #fff;
    font-family: Asap;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    margin-top: 24px;
    cursor: pointer
}

.InformationPadWeighingModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    justify-content: center;
    align-items: center
}

.InformationPadWeighingModalContent {
    width: 651px;
    height: 270px;
    gap: 24px;
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    position: relative
}

.closeInformationPadWeighingModal {
    position: absolute;
    top: 14px;
    right: 24px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    color: #343a40
}

#SizeSection {
    margin-top: 24px
}

@media screen and (min-width: 577px) and (max-width: 1118px) {
    .InformationPadWeighingModalContent {
        width: 520px;
        height: 296px;
        gap: 24px;
        border-radius: 4px;
        padding: 24px
    }

    .InformationPadWeighing_Heading {
        width: 440px;
        display: inline-table
    }

    .InformationPadWeighing_acceptButton {
        width: 133.5px;
        height: 44px;
        gap: 16px;
        border-radius: 2px;
        padding: 10px 24px
    }

    #SizeSection {
        margin-top: 40px
    }

    #SeeRecommendations_button {
        background-color: #FFFFFF !important;
        color: #003A81 !important;
        cursor: pointer;
    }
}

@media (max-width: 576px) {
    .InformationPadWeighingModalContent {
        width: 327px;
        height: 408px;
        gap: 20px;
        border-radius: 4px;
        padding: 24px
    }

    .InformationPadWeighing_Heading {
        width: 235px;
        display: inline-table
    }

    .InformationPadWeighing_acceptButton {
        width: 279px;
        height: 44px;
        gap: 12px
    }

    #SeeRecommendations_button {
        background-color: #FFFFFF;
        color: #003A81;
        cursor: pointer;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .profileCardCareHomeTwo {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .profileCareHome_profileCard, .promocontent-div.main-div.two-third-imgtop {
        display: flex;
        flex-direction: column;
        flex: 1
    }

    .care-needs-promo-desc {
        flex-grow: 1;
        display: flex
    }

        .care-needs-promo-desc p {
            margin: 0;
            display: flex;
            align-items: flex-start
        }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1119px) {
    #Home.CareHomeoption-card img, #CareHome.CareHomeoption-card img, .CareHomeoption-card .image-container {
        min-width: 100% !important
    }

    .careHome_mainSection_container {
        place-items: normal !important
    }

    .profileCareHome_profileCard {
        width: 100%
    }

        .profileCareHome_profileCard img {
            width: 100%;
            height: 220px;
            object-fit: cover
        }

    .urin_leakage, .bladderAmount {
        width: 100% !important;
        height: 100%
    }

    #urin_leakage .urineCard {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100% !important;
        height: 175px !important
    }

    .bladderAmountSection .bladderAmountNumber {
        width: 100%;
        height: 136px
    }

    #careneed_sizing {
        width: 100%
    }

        #careneed_sizing .sizing-content {
            align-items: center
        }

        #careneed_sizing .measurement-section {
            width: auto !important
        }
}


@media only screen and (min-width: 991px) and (max-width: 1024px) {
    .profileCareHome_profileCard {
        width: 100%;
    }

        .profileCareHome_profileCard img {
            width: 100%;
        }
}


@media only screen and (min-width: 578px) and (max-width: 678px) {
    .profileCareHome_profileCard {
        width: 100%;
    }

        .profileCareHome_profileCard img {
            width: 100%;
        }
}


/*======================= careneed result page    =============================================*/
.careneedProduct_recommendation_section {
/*    background: #F8F9FA;*/
    padding: 48px 0;
}

.careneed_recommendation_header {
    padding: 8px 20px;
    margin-bottom: 32px;
    font-family: Asap;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #343A40;
    border-bottom: 1px solid #E6E7E8;
}

.careneedProduct_products_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px;
    margin-top: 20px;
}

.careneedProduct_areneedProduct {
    max-width: 350px;
    max-height: 472px;
    background: white;
    border: 1px solid #E6E7E8;
    border-radius: 8px;
    padding: 0 16px 24px 16px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
}

.careneedProduct_product_number {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #199FD8;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Asap;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
}

.careneed_product_image {
    min-width: 318px;
    min-height: 192px;
    padding: 48px 16px 0 16px;
    border-radius: 4px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .careneed_product_image::before {
        color: #4A90E2;
        font-weight: bold;
        font-size: 12px;
    }

.careneed_product_title {
    padding: 16px;
    font-family: Asap;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: #343A40;
}

.careneed_product_info {
    font-size: 16px;
    color: #343A40;
    margin-bottom: 16px;
}

.careneed_star_rating {
    color: #4A90E2;
    font-size: 14px;
    margin-bottom: 5px;
}

.iconWrapSection {
    display: inline-block;
    padding-left: 2px !important;
}

    .iconWrapSection::before,
    .iconWrapSection::after {
        content: " ";
        display: table;
    }

    .iconWrapSection li {
        margin: 0 4px 0 0;
        line-height: 0;
        display: inline-block;
    }

        .iconWrapSection li:last-child {
            margin: 0;
        }

.reviewSnippet .iconWrapSection li {
    margin-right: -1px;
}

.dropfilledWrapper {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
}

.dropfilled {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9.10345%201C10.4384%204.41863%2013.2333%207.11761%2014.2461%2010.6606C14.9251%2013.434%2013.0949%2016.5945%2010.1496%2016.8996C6.78051%2017.5525%203.71703%2014.9375%204.02085%2011.4823C4.55216%207.52691%208.00451%204.7603%209.10345%201ZM5.41057%2012.4177C5.46864%2014.1756%207.0006%2015.4035%208.68828%2015.4568C8.91424%2015.4716%209.08953%2015.2985%209.10041%2015.0819C9.1326%2014.3694%207.42513%2014.9551%206.57846%2013.5738C6.29073%2013.1645%206.14697%2012.7115%206.20591%2012.2046C6.13501%2011.5164%205.31575%2011.7398%205.41057%2012.4177Z%22%20fill%3D%22%23003A81%22%2F%3E%3C%2Fsvg%3E");
    width: 11px;
    height: 16px;
    background-size: cover;
    background-position: center;
}

.dropHalf {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.1496%2016.8996C13.0949%2016.5945%2014.9251%2013.434%2014.2461%2010.6606C13.6917%208.72145%2012.6035%207.03511%2011.5131%205.34523C10.8738%204.35462%2010.2338%203.3628%209.7001%202.31811C9.4808%201.88886%209.27944%201.45069%209.10345%201C8.96808%201.46321%208.797%201.91134%208.60006%202.34846C8.08058%203.50154%207.38122%204.57808%206.68293%205.65297C5.49695%207.47858%204.31407%209.2994%204.02085%2011.4823C3.71703%2014.9375%206.78051%2017.5525%2010.1496%2016.8996ZM5.01509%2011.5923C4.78758%2014.3406%207.21665%2016.4494%209.9593%2015.9179L10.0026%2015.9095L10.0465%2015.9049C12.2818%2015.6734%2013.8266%2013.1988%2013.2791%2010.9165C12.8162%209.30954%2011.9438%207.8651%2010.9541%206.32404C10.8601%206.17765%2010.7649%206.03017%2010.6689%205.88152C10.1691%205.10753%209.64885%204.30196%209.17488%203.45428C8.67299%204.42855%208.08182%205.33714%207.52369%206.19494C7.41075%206.36851%207.29917%206.54001%207.18995%206.70955C6.12665%208.36013%205.25272%209.86754%205.01509%2011.5923Z%22%20fill%3D%22%238E9093%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.10089%2011C4.06951%2011.1589%204.04271%2011.3196%204.02085%2011.4823C3.71703%2014.9375%206.78051%2017.5525%2010.1496%2016.8996C12.9754%2016.6069%2014.7747%2013.6858%2014.3164%2011H4.10089Z%22%20fill%3D%22%23003A81%22%2F%3E%3C%2Fsvg%3E");
    width: 11px;
    height: 16px;
    background-size: cover;
    background-position: center;
}

.dropEmpty {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.1496%2017.8996C14.0949%2017.5945%2015.9251%2014.434%2015.2461%2011.6606C14.6917%209.72145%2013.6035%208.03511%2012.5131%206.34523C11.8738%205.35462%2011.2338%204.3628%2010.7001%203.31811C10.4808%202.88886%2010.2794%202.45069%2010.1035%202C9.96808%202.46321%209.797%202.91134%209.60006%203.34846C9.08058%204.50154%208.38122%205.57808%207.68293%206.65297C6.49695%208.47858%205.31407%2010.2994%205.02085%2012.4823C4.71703%2015.9375%207.78051%2018.5525%2011.1496%2017.8996ZM6.01509%2012.5923C5.78759%2015.3406%208.21665%2017.4494%2010.9593%2016.9179L11.0026%2016.9095L11.0465%2016.9049C13.2818%2016.6734%2014.8266%2014.1988%2014.2791%2011.9165C13.8162%2010.3095%2012.9438%208.8651%2011.9541%207.32404C11.8601%207.17765%2011.7649%207.03017%2011.6689%206.88152C11.1691%206.10753%2010.6489%205.30196%2010.1749%204.45428C9.67299%205.42855%209.08182%206.33714%208.52369%207.19494C8.41075%207.36851%208.29917%207.54001%208.18995%207.70955C7.12665%209.36013%206.25272%2010.8675%206.01509%2012.5923Z%22%20fill%3D%22%238E9093%22%2F%3E%3C%2Fsvg%3E");
    width: 11px;
    height: 16px;
    background-size: cover;
    background-position: center;
}
/* dot style*/

.dotStyle {
    border: 1px solid #003a81;
    border-radius: 50px;
    display: inline-block;
    height: 11px;
    width: 11px
}

    .dotStyle.icon-dots-full {
        border: 1px solid #003a81;
        background-color: #003a81
    }

.Icon--Dots li {
    display: inline;
    font-size: 15px;
    height: 11px;
    margin-right: 5px
}

    .Icon--Dots li:last-child {
        margin-right: 0
    }

.dotStyle.icon-dots-empty {
    border: 1px solid #8f9094
}

.dotStyle.icon-dots-half {
    position: relative;
    border: 1px solid #003a81;
    background-color: #003a81
}

    .dotStyle.icon-dots-half::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: #003a81;
        border-radius: 50px
    }




.careneedProduct_more_info_btn {
    width: 172px;
    height: 36px;
    font-family: Asap;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    border: 1px solid #003A81;
    border-radius: 2px;
    background: #ffffff;
    padding: 6px 16px 6px 16px;
    white-space: nowrap;
    color: #003A81;
    cursor: pointer;
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto;
}

    .careneedProduct_more_info_btn:hover {
        background: #003A81;
        color: white;
    }

.careneed_product_toileting_section {
    background: white;
    border-radius: 8px;
    margin-bottom: 30px;
    margin-top: 48px;
}

.toileting-header {
    font-family: Asap;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #343A40;
    border-bottom: 1px solid #E6E7E8;
    padding-bottom: 17px;
}

.careneedProduct_recommendation_toileting > h1 {
    padding-top: 32px;
/*    padding-bottom: 24px;*/
    font-family: Asap;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #343A40;
}

.careneed_cardRow_toileting {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.careneed_toileting_card,
.careneedProduct_slider_container {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 4px;
    height: 100%;
    min-width: 255px;
    border: 1px solid #E6E7E8;
    background-color: #F8F9FA;
    overflow: hidden;
    position: relative;
    margin-top: 24px;
}



.careneedProduct_toileting_image {
    width: 175px;
    height: 186px;
    margin: 24px auto 16px auto;
    /*        margin: 24px 40px 16px 40px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.careneedProduct_toileting_title {
    padding: 16px;
    font-size: 16px;
    color: #003A81;
    font-weight: 700;
    margin-bottom: 10px;
}

.careneed_cardRow_option {
    font-size: 16px;
    font-weight: 700;
}

.careneedProduct_toileting_desc {
    margin: 24px 0;
    padding: 0 16px;
    font-size: 16px;
    color: #343A40;
    line-height: 1.4;
    font-weight: 400;
}




.careneedProduct_complaint-section {
    background: #E6F0FF;
    border-radius: 4px;
    font-size: 16px;
    color: #343A40;
    text-align: center;
    padding: 24px;
    min-width: 1110px;
    height: 67px;
}

.action-buttons {
    display: flex;
    gap: 19.5px;
    justify-content: center;
    margin: 48px 0;
}

.careneed_startover {
    width: 165px;
    height: 44px;
    background-color: #fff;
    color: #003a81;
    border: 1px solid #003A81;
    border-radius: 2px;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color .3s ease;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 24px;
    gap: 16px;
    font-family: Asap, Arial, Helvetica, Microsoft Yahei, 微软雅黑, Hiragino Sans GB, 冬青黑体, SimSun, 宋体, STXihei, 华文细黑, Amiri, sans-serif
}
    .careneed_startover > span{
        display:flex;
    }

    .careneed_downloadPDF {
        width: 166px;
        height: 44px;
        background-color: #fff;
        color: #FFFFFF;
        border: 1px solid #003A81;
        background-color: #003A81;
        border-radius: 2px;
        padding: 12px 18px;
        cursor: pointer;
        transition: background-color .3s ease;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        line-height: 24px;
        gap: 16px;
        font-family: Asap, Arial, Helvetica, Microsoft Yahei, 微软雅黑, Hiragino Sans GB, 冬青黑体, SimSun, 宋体, STXihei, 华文细黑, Amiri, sans-serif
    }

    .careneed_downloadPDF:hover {
        background-color: #235594 !important
    }

.left-arrow {
    margin-top: 6px;
    width: 24px;
    height: 24px;
}

.careneedProduct_ResultPage{
      background:linear-gradient(to bottom, #F8F9FA 0%, #F8F9FA 43%, #FFFFFF 21%, #FFFFFF 100%);
  
}
/* Responsive Design */
@media (max-width:360px) {
    .careneed_cardRow_toileting {
        margin: 0 !important;
    }

    .careneedProduct_complaint-section {
        height: auto !important;
        margin: 0 !important;
    }

    .careneedProduct_toileting_image {
        margin: 24px auto 0px auto !important;
    }

    .carennedproduct-slidertitle {
        margin-top: 0px !important;
    }

    .careneedProduct_recommendation_toileting > h1 {
        text-align: center;
        padding-top: 24px !important;
    }

    .careneed_cardRow_toileting {
        gap: 0px !important;
    }

    .careneedProduct_complaint-section {
        min-width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 48px !important;
    }
}
/*Ipphone 14promax*/
@media (max-width: 430px)  {
    .action-buttons {
        flex-direction: column-reverse;
        align-items: center;
        min-width: 327px;
        height: 44px;
        gap: 16px;
    }

    .careneed_downloadPDF, .careneed_startover {
        width: 100%
    }

    .caneedSlider-controls {
        padding-inline: 96px !important;
        display:flex;
        justify-content:center !important;
    }

    .careneedProduct-description {
        padding-inline: 54px !important;
    }

    .careneed_recommendation_header, .toileting-header {
        font-size: 20px !important;
    }
  
    .careneedProduct_recommendation_toileting > h1 {
            text-align: center;
            padding-top: 24px !important;
        }

    .toileting-header {
     margin-bottom: 0px !important;
     margin-top:24px !important;
    }
    .caneedSLiderDots{
        gap:8px !important;
    }

    .careneedProduct_complaint-section {
        height: auto;
        margin: 48px 24px 48px 24px;
    }
    .careneedProduct_toileting_image {
        margin: 24px auto 0px auto !important;
    }
    .carennedproduct-slidertitle{
        margin-top:0px !important;
    }
    .careneed_product_toileting_section {
        padding: 24px 23px 17px !important;
        margin-top: 0 !important;
    }
    .careneed_toileting_card{
        min-width:0px !important;
    }
    .careneed_cardRow_toileting {
        gap: 0px !important;
    }

    .careneedProduct_complaint-section {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .careneedProduct_toileting_desc {
     padding-bottom:32px !important;
     margin-left:38px !important;
     margin-right:38px !important;
    }
    .careneedProduct_ResultPage {
        background: linear-gradient(to bottom, #F8F9FA 0%, #F8F9FA 27%, #FFFFFF 21%, #FFFFFF 100%);
    }
    }
@media (max-width: 768px) {

    .careneed_recommendation_header {
        padding: 24px 24px 16px;
        font-size: 24px;
        text-align: center;
    }

    .careneedProduct_products_grid {
        grid-template-columns: repeat(auto-fit, minmax(328px, 1fr)) !important;
        gap: 30px;
    }

    .careneedProduct_areneedProduct {
        min-width: 330px;
        max-width: 100%;
    }

    .toileting-header {
        margin-bottom: 16px;
        font-size: 24px;
        text-align: center;
    }

    .careneed_cardRow_toileting {
        grid-template-columns: 1fr;
        gap: 30px;
    }



    .careneedProduct_complaint-section {
        min-width: 327px;
        height: auto;
        margin: 48px 24px 48px 24px;
        gap: 48px;
        opacity: 1;
        border-radius: 4px;
        padding: 24px;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: center;
    }

    .careneedProduct_card, .careneed_toileting_card {
        min-width: 330px;
        min-height: 434px;
        /*        padding: 24px 78px 0 78px;*/
    }

        .careneedProduct_card img, .careneed_toileting_card img {
            min-width: 175px;
            height: 186px;
        }
    careneedProduct_toileting_title{
        margin-bottom:0px !important;
    }
    /*    .careneed_downloadPDF, .careneed_startover {
        width: 100%
    }*/
    .option {
        margin-top: 18px !important;
    }

}

@media (min-width: 769px) and (max-width: 1024px) {
    .careneed_recommendation_header {
        padding: 32px 39px 24px 39px;
        text-align: center;
    }

    .careneedProduct_products_grid {
        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr))
    }

    .careneed_cardRow_toileting {
        grid-template-columns: repeat(2, 1fr);
    }

    .careneedProduct_complaint-section {
        margin: 0 auto 20px auto;
        min-width: 642px;
        padding: 24px;
        border-radius: 4px;
    }
    .option {
        margin-top: 0px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    .careneedProduct_products_grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))
        /*grid-template-columns: repeat(2, 1fr);*/
    }

    .careneed_cardRow_toileting {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }
    
}

@media (min-width: 1367px) {
    .careneedProduct_products_grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))
        /*grid-template-columns: repeat(2, 1fr);*/
    }

    .careneed_cardRow_toileting {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }
}

/* iPad Mini specific adjustments */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .careneedProduct_products_grid {
        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr))
    }

        .careneedProduct_products_grid > :first-child {
            grid-column: 1 / -1;
            margin: 0 auto;
            width: 449px;
        }
    .careneedProduct_areneedProduct{
         min-width:350px;
    }


    .careneed_cardRow_toileting {
        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    }

    .careneed_toileting_card,
    .careneedProduct_slider_container {
        min-width: 330px;
    }
    .option {
        margin-top: 18px !important;
    }
    
}

@media (min-width: 768px) and (max-width: 820px) and (orientation: landscape) {
    .careneedProduct_products_grid {
        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr))
    }

    .careneed_cardRow_toileting {
        grid-template-columns: repeat(3, 1fr);
    }
    .option {
        margin-top: 18px !important;
    }
}

/* iPad Pro specific adjustments */
@media (min-width: 1024px) and (max-width: 1366px) {

    .careneedProduct_products_grid {
        place-items:center;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
    }

    .careneed_cardRow_toileting {
        grid-template-columns: repeat(auto-fit, minmax(2, 1fr)) !important;
    }

    #urin_leakage .urin_leakage_heading {
        font-size: 20px;
    }
    .option {
        margin-top: 0px !important;
    }
}


.careneedProduct_recommendation_toileting {
    min-width: 255px;
    display:flex;
    flex-direction:column;
}

.careneed_cardSlider {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.careneedProduct_card {
    flex: 0 0 100%;
    box-sizing: border-box;
    /* padding: 20px; */
    border-radius: 10px;
    text-align: center;


    display: flex;
    flex-direction: column;
    height: 100%;
}

    .careneedProduct_card img {
        max-height: 150px;
    }

.carennedproduct-slidertitle {
    padding: 16px;
    font-weight: bold;
    color: #003478;
    margin: 10px 0;
}

.careneedProduct-description {
    padding: 24px 16px;
    text-align: left;
    /*    color: #333;*/
    color: red;
    /*    margin: 10px 0;*/
}

    .careneedProduct-description h4 {
        margin: 0 0 4px 0;
        font-weight: bold;
        color: #343A40
    }

    .careneedProduct-description p {
        margin: 0;
/*        color: #444;*/
        color:red;
    }
    .option{
        margin-top:18px;
    }

.caneedSlider-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
/*    position: absolute;*/
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 22px 16px 22px;
}

.caneedSLiderDots {
    display: flex;
    gap: 5px;
    margin: 0 10px;
}

.careneedSlider_dot {
    width: 16px;
    height: 8px;
    border-radius: 100px;
    background: #A5BBD8;
}

    .careneedSlider_dot.active {
        width: 24px;
        height: 8px;
        opacity: 1;
        border-radius: 100px;
        background: #f2861e;
    }

.careneedSlider_Arrow {
    cursor: pointer;
    font-size: 20px;
    user-select: none;
    padding: 5px;
    color: #333;
    opacity: 1;
    transition: opacity 0.2s;
}

    .careneedSlider_Arrow.disabled {
        pointer-events: none;
        color: #E6E7E8;
    }

/*    =========================PDF========================*/
#pdfContent {
    font-family: Asap,Arial,Helvetica,Microsoft Yahei,微软雅黑,Hiragino Sans GB,冬青黑体,SimSun,宋体,STXihei,坎文细黑,Amiri,sans-serif;
}

.h1-bundle{
    font-size:20px;
}
.download-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #0066cc;
    color: white;
    cursor: pointer;
    z-index: 1000;
}


.pdf_header {
    padding: 20px 0 40px 0;
}

.logo-container {
    margin-bottom: 15px;
}

.pdf_logo {
    position: relative;
    display: inline-block;
}

.tena-text {
    font-size: 24px;
    font-weight: bold;
    color: #003366;
    letter-spacing: 2px;
}

.header h1 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.form-section {
    /* margin: 0 30px; */
    border: 1.2px solid #E6E7E8;
    border-radius: 4px;
}

.care-field-group {
    padding: 12px 20px;
    display: block;
    align-items: flex-start;
}

    .care-field-group.care-highlight,
    .care-highlight {
        background-color: #f0f8ff;
    }

.care-field-label {
    font-weight: 700 !important;
    color: #000000 !important;
    /*    font-weight: bold;
    color: #333;*/
    flex: 1;
    margin-right: 20px;
    font-size: 14px;
    line-height: 1.4;
}
.fw-700 {
    font-weight: 700 !important;
    color: #000000 !important;
}
.fw-700-span {
    font-weight: 700;
}

.field-value {
    font-weight: normal !important;
    color: #333333 !important;
    flex: 1;
    /* color: #0066cc; */
    font-size: 14px;
    line-height: 1.4;
}

    .field-value div {
        margin-bottom: 2px;
    }

.section-header {
    padding: 15px 20px 10px 20px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #eee;
}

    .section-header > p {
        margin-top: 12px;
    }

        .section-header > p:nth-last-child(3) {
            margin-top: 0;
        }

        .section-header > p:first-child {
            margin-top: 0;
        }

.section-content {
    padding: 10px 20px 15px 20px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #eee;
}

.option-group {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

    .option-group > p {
        margin: 16px 0;
    }

.option-header {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}


.disclaimer p {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 30px;
    margin-bottom: 0;
}

.disclaimer-small {
    margin-top: 15px;
    margin-bottom: 10px;
    page-break-inside: avoid;
    break-inside: avoid;
}

    .disclaimer-small p {
        font-size: 10px;
        line-height: 1.3;
        margin: 0;
        font-weight: 100;
        page-break-inside: avoid;
        break-inside: avoid;
    }

@media print {
    .download-btn {
        display: none;
    }

    body {
        background-color: white;
        padding: 0;
    }

    .container {
        max-width: none;
        margin: 0;
    }

    .form-container {
        border: none;
        margin-top: 0;
    }
}


/*Error notification*/

.error-notification {
    background-color: #FDE5E5;
    color: #E70000;
    font-size:16px !important;
    padding: 12px 20px;
    display: none;
    align-items: center;
    justify-content: center;
    position: static;
    /*    top: 0;*/
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-size: 14px;
    border-bottom: 1px solid #E70000;
}

.error-message {
    display: flex;
    margin: 0 auto;
    align-items: center;
    gap: 8px;
}

.error-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
}
.reload a {
    color: #003A81;
    font-weight: 400;
    margin-left: 16px;
    cursor: pointer;
    text-decoration: underline;
}

    .reload a:hover {
        text-decoration: none;
    }


.care-close-button {
    background: none;
    border: none;
    color: #E70000;
    cursor: pointer;
    padding: 4px;
    margin-left: 10px;
    border-radius: 2px;
    transition: background-color 0.2s;
}

    .care-close-button:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

.care-close-icon {
    width: 14px;
    height: 14px;
    fill: currentColor;
    color: #E70000;
}

@media (max-width: 430px) {
    #errorNotification {
        height:103px;
    }
    .error-notification {
    align-items:start;
    padding:16px;
    position:relative;
    }
    .error-message {
        align-items: normal;
        font-size: 16px;
    }

    .close-button {
        margin-bottom: auto;
    }
    .reload {
        font-size:16px;
        position: absolute;
        bottom: 13px;
        right: 12px;
    }
}