.faq-container {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1rem;
}

    .faq-container .faq-item {
        text-align: center;
        transition-duration: .2s;
        gap: 0.3125rem;
        padding-top: 1.3125rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1.5rem;
        background-color: rgb(238 238 238);
        border-top: 3px solid;
        border-color: #0000;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

        .faq-container .faq-item:hover {
            color: rgb(162 26 16);
            border-color: rgb(194 32 20);
            border-top: 3px solid;
        }

            .faq-container .faq-item:hover i {
                filter: brightness(0) saturate(100%) invert(11%) sepia(48%) saturate(7500%) hue-rotate(6deg) brightness(99%) contrast(91%);
            }

#block-knowledgebase-navigation {
    width: 100%;
}

    #block-knowledgebase-navigation .list {
        padding-left: 0;
        font-size: 14px;
        display: flex;
    }

@media (min-width: 1024px) {
    #block-knowledgebase-navigation .list {
        flex-direction: column;
    }
}

.faq-subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
}

    .faq-subtitle:hover {
        font-weight: 700;
        text-decoration-line: underline;
        text-underline-offset: 3px;
    }

.faq-sublist-area li.active {
    font-weight: 700;
}

.faq-list-item.active {
    font-weight: 700;
    text-decoration-line: underline;
    text-underline-offset: 3px;
}

#block-knowledgebase-navigation .list li .has-children i {
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(90deg);
    transition: transform 200ms;
}

#block-knowledgebase-navigation .list li .has-children.js-active i {
    transform: rotate(-90deg);
    transition: transform 200ms;
}

#block-knowledgebase-navigation .list li a.title:hover {
    font-weight: 700;
}

.question-items-wrap .question-item-wrap {
    border-top: 1px solid rgb(225 225 225);
    display: flex;
    flex-direction: column;
}

    .question-items-wrap .question-item-wrap .collapse {
        margin-left: 6px;
        margin-right: 6px;
        font-size: .875rem;
        line-height: 1.125rem;
        font-weight: 300;
    }

/* .faq-title {
        margin-bottom: 4rem;
    }*/

.faq-sublist-wrap {
    display: none;
}

    .faq-sublist-wrap:has(.active) {
        display: block;
    }

.viewBox.listbox:has(.active) .has-children i {
    transform: rotate(90deg);
    transition: transform 200ms;
}

.faq-breadcrumb {
    padding: 0;
    list-style-type: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: transparent;
    padding-left: 0;
    width: 100%;
}

    .faq-breadcrumb .breadcrumb-item {
        font-size: 1rem;
        line-height: 1.125rem;
        color: rgb(42, 42, 42);
    }

        .faq-breadcrumb .breadcrumb-item + .breadcrumb-item {
            padding-left: 0.5rem;
        }

        .faq-breadcrumb .breadcrumb-item .current-item, .faq-breadcrumb .breadcrumb-item:last-child {
            color: rgb(117 117 117);
        }

        .faq-breadcrumb .breadcrumb-item:nth-child(1) span i {
            transform: rotate(180deg);
            width: 1.5rem;
            height: 1.5rem;
        }

.question-items-wrap {
    margin-bottom: 4rem;
}

.question-item-wrap .question-button i {
    transform: rotate(90deg);
    transition: transform 200ms;
}

.question-item-wrap .question-button.not-collapsed i {
    transform: rotate(-90deg);
    transition: transform 200ms;
}

.question-item-wrap .question-button i {
    min-width: 2rem;
}

/*.question-items-wrap p {
    margin-bottom: 0;
}*/

/*.question-items-wrap h1,
.question-items-wrap h2,
.question-items-wrap h3,
.question-items-wrap h4,
.question-items-wrap h5,
.question-items-wrap h6 {
    font-weight: 400;
}*/

/*Order Tracker*/
.ordertracker-page .order-tracker-main-title {
    font-size: 1.25rem;
    line-height: 3rem;
    text-align: center;
    margin-top: 1.563rem;
    padding-bottom: 2.188rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    margin-bottom: 1.5rem;
}

.ordertracker-page .order-tracker-main-text {
    font-size: 1rem;
    line-height: 3rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.ordertracker-page .ordertracker-form-wrap {
    position: relative;
    background: #F7F7F7;
    padding: 2.438rem 2rem;
}

.ordertracker-page .order-tracker-subtitle {
    font-size: 1.25rem;
    line-height: 3rem;
    text-align: center;
}

.ordertracker-page .order-tracker-subtext {
    font-size: .625rem;
    line-height: 1rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.ordertracker-page {
    margin-bottom: 9rem;
}

.order-tracker-table-area .refund-area {
    display: none;
}

.order-tracker-table-area select.form-control {
    padding-top: 0;
    padding-bottom: 0;
    line-height: normal;
}

.return-product-container .details {
    border-bottom: 1px solid rgb(42, 42, 42);
    padding-bottom: 1.5rem;
    margin-bottom: 0;
}

.return-product-container .return-request-table {
    background: #f8f9fa;
    position: relative;
    padding: .5rem 0;
}

/*.merchandise-info-wrap {
    margin-bottom: 1rem;
}*/

.merchandise-info-wrap .merchandise-info-item {
    max-width: 25%;
    text-align: center;
}

.merchandise-product-item {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

    .merchandise-product-item:not(:last-child) {
        border-bottom: 1px solid #000;
    }

    .merchandise-product-item .merchandise-product-img-wrap {
        width: 20%;
    }

    .merchandise-product-item .merchandise-product-price-qty-wrap {
        width: 20%;
    }

    .merchandise-product-item .merchandise-product-return-wrap {
        width: 25%;
    }

    .merchandise-product-item .merchandise-product-info-wrap {
        width: 35%;
    }

.order-tracker-table-area tbody tr:nth-child(2) td > div select {
    line-height: normal;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .65rem;
}

.main-container:not(:has(#dem-card-page), :has(.gender-container)) {
    padding: 0 15px;
    margin: 30px auto;
}

.dem-card-container {
    gap: 30px;
}

    .dem-card-container > img:not([data-active="true"]) {
        display: none;
    }

.dem-card-content,
.dem-card-content-tab {
    gap: 25px;
}

.dem-card-content {
    padding: 0 15px 25px;
}
/* TABS */
.dem-card-tab-buttons {
    white-space: nowrap;
    overflow: auto;
    gap: 2rem;
}

    .dem-card-tab-buttons button {
        font-size: 25px;
        font-weight: 500;
        cursor: pointer;
    }

        .dem-card-tab-buttons button[data-active="true"] {
            text-decoration: underline;
        }

.dem-card-content-tab:not([data-active="true"]) {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.dem-card-content-tab[data-active="true"] {
    display: flex;
}
/* INFO BLACK BOX */
.info-box {
    background: #000;
    color: #fff;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
}

/* BENEFITS */
.benefit-card {
    border: none;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
    height: 100%;
}

/* WARNING */
.warning-box {
    background: #fff4df;
    border-radius: 10px;
    padding: 16px;
    color: #9c6b2f;
}

/* PRIVILEGE CARDS */
.privilege-card {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
}

    .privilege-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

@media (min-width: 1024px) {
    .main-container:not(:has(#dem-card-page), :has(.gender-container)) {
        padding: 0 100px;
    }

    .dem-card-content,
    .dem-card-content-tab {
        gap: 50px;
    }

    .dem-card-content {
        padding: 0 100px 50px;
    }
}

@media (min-width: 992px) {
    .customer-care__header-banner {
        background-position: 50%;
    }
}

@media only screen and (max-width: 992px) {
    .merchandise-product-item .merchandise-product-img-wrap {
        width: 20%;
    }

    .merchandise-product-item .merchandise-product-price-qty-wrap {
        width: 50%;
        margin-top: 1rem;
    }

    .merchandise-product-item .merchandise-product-return-wrap {
        width: 50%;
        margin-top: 1rem;
    }

    .merchandise-product-item .merchandise-product-info-wrap {
        width: 80%;
    }

    .merchandise-product-item {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1200px) {
    .ordertracker-page .order-tracker-main-title {
        font-size: 2.813rem;
        line-height: 3rem;
    }

    .ordertracker-page .order-tracker-subtitle {
        font-size: 1.25rem;
        line-height: 3rem;
    }

    .ordertracker-page .order-tracker-main-title {
        margin-bottom: 2.5rem;
    }

    .ordertracker-page .order-tracker-subtext {
        font-size: 1rem;
        line-height: 3rem;
        margin-bottom: .5rem;
        text-align: left;
    }

    .ordertracker-page {
        margin-bottom: 6.25rem;
    }
}

@media (max-width: 1024px) {
    .dem-card-tab-buttons {
        gap: 0;
    }

        .dem-card-tab-buttons button {
            margin-right: 2rem;
        }
}