.section-controller.sticky {
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
}

.header .menu-hamberger .txt-menu {
    color: #490C14;
}
.header .menu-hamberger img {
    filter: brightness(0) saturate(100%) invert(9%) sepia(36%) saturate(1194%) hue-rotate(331deg) brightness(91%) contrast(94%);
}

.header.nav-fixed .menu-hamberger .txt-menu {
    color: #FFFFFF;
}

.header.nav-fixed .menu-hamberger img {
    filter: unset;
}

.header .header-contact {
    color: #490C14;
}

.header.nav-fixed .header-contact {
    color: #FFFFFF;
}

/* Section New Highlight Privileges */
.section-new-highlight-privileges {
    background: linear-gradient(0deg, #D4C9BC 0%, #D4C9BC 100%), radial-gradient(5.24% 53.44% at 87.34% 11.18%, rgba(218, 207, 194, 0.20) 0%, rgba(234, 228, 220, 0.20) 100%), linear-gradient(127deg, #F0E8DF 0%, #F9F4F0 100%);
    padding: 84px 16px;
}

.section-new-highlight-privileges .container {
    max-width: 1140px;
}

.new-highlight-heading {
    text-align: center;
    margin-bottom: 48px;
}

.new-highlight-heading .title {
    color: #490C14;
    font-size: 64px;
    line-height: normal;
    margin-bottom: 16px;
    font-weight: 400;
    letter-spacing: 1.92px;
    text-transform: uppercase;
}

.new-highlight-heading .desc {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    font-weight: 500;
}

/* Journey Item */
.journey-item {
    margin-bottom: 48px;
}

.journey-item:last-child {
    margin-bottom: 0;
}

.section-new-highlight-privileges .journey-title {
    text-align: center;
    color: #111;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.journey-banner {
    margin-bottom: 0;
    width: 100%;
}

.journey-banner img {
    width: 100%;
    display: block;
}

/* Privilege List - Desktop */
.privilege-list {
    display: flex;
    justify-content: center;
    padding: 48px 0 0;
}

.privilege-item {
    flex: 1;
    text-align: center;
    padding: 0 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    border-right: 2px solid rgba(171, 134, 138, 0.50);
}

.privilege-item:last-child {
    border-right: none;
}

.section-new-highlight-privileges .privilege-name {
    font-size: 24px;
    color: #111;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.section-new-highlight-privileges .privilege-name sup {
    font-size: 12px;
    text-transform: lowercase;
    vertical-align: super;
}

.popup-privilege-card h2 sup {
    font-size: 20px;
    text-transform: lowercase;
    vertical-align: super;
    top: 0;
}

/* Add the NEW tag as a pseudo-element on the parent privilege-item */
.privilege-item .tag-new::before {
    content: '';
    position: absolute;
    top: -37px;
    left: 50%;
    transform: translateX(-50%);
    width: 71px;
    height: 31px;
    background-image: url('/SiteCollectionDocuments/personal/the-wisdom/home/img/2026/icon-privilage/icon-new.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 2;
}

.section-new-highlight-privileges .privilege-link {
    font-size: 16px;
    color: #490C14;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.section-new-highlight-privileges .privilege-link.link::after {
    content: "";
    display: block;
    background-color: #641d24;
    -webkit-mask: url(/SiteCollectionDocuments/personal/the-wisdom/privileges/2025/landing/img/icon/icon-arrow-right.svg) no-repeat center / cover;
    mask: url(/SiteCollectionDocuments/personal/the-wisdom/privileges/2025/landing/img/icon/icon-arrow-right.svg) no-repeat center / cover;
    width: 6px;
    height: 12px;
}

/* Responsive */
@media (max-width: 992px) {
    .section-new-highlight-privileges {
        padding: 48px 0;
    }

    .new-highlight-heading {
        margin-bottom: 36px;
    }

    .new-highlight-heading .title {
        font-size: 34px;
    }

    .new-highlight-heading .desc {
        font-size: 16px;
    }

    .journey-item {
        margin-bottom: 36px;
    }

    .section-new-highlight-privileges .journey-title {
        font-size: 26px;
        margin-bottom: 16px;
    }

    .privilege-list {
        flex-direction: column;
        padding: 24px 0 0;
        background-color: transparent;
    }

    .privilege-item {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        padding: 16px;
        border-right: none;
        border-bottom: 1px solid rgba(171, 134, 138, 0.50);
        min-height: auto;
        gap: 16px;
    }

    .privilege-item:first-child {
        padding-block: 0 16px;
    }

    .privilege-item:nth-child(n+2) {
        padding-block: 16px
    }

    .privilege-item:last-child {
        padding-block: 16px 0;
        border-bottom: none;
    }

    .section-new-highlight-privileges .privilege-name {
        align-items: flex-start;
        justify-content: center;
        text-align: left;
        min-height: auto;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        flex: 1;
    }

    /* Responsive adjustment for NEW tag */
    .privilege-item .tag-new::before {
        position: unset;
        transform: unset;
        width: 57px;
        height: 27px;
    }

    .privilege-item .tag-new::before .section-new-highlight-privileges .privilege-link {
        font-size: 14px;
    }

    .privilege-name.tag-new {
        position: unset;
        gap: 4px;
    }
}

/* Popup Styling */
.popup-privilege-card .popup-privilege-wrapper .logo-wisdom {
    width: 100%;
    max-width: 164px;
    justify-self: center;
    margin-bottom: 24px;
    margin-inline: auto;
}

.popup-privilege-card .popup-privilege-wrapper h2 {
    color: #490C14;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.popup-privilege-card .popup-privilege-wrapper .privileges-title {
    color: #490C14;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
}

.popup-privilege-card .popup-privilege-wrapper p.head-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
}

.popup-privilege-card .popup-privilege-wrapper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.popup-privilege-card .popup-privilege-wrapper .sc-head .sc-content {
    color: #333;
}

.popup-privilege-card .popup-privilege-wrapper .sc-content {
    color: #111;
    margin-bottom: 32px;
    overflow-wrap: break-word;
}

.popup-privilege-card .popup-privilege-wrapper .sc-content .sc-title {
    margin-bottom: 10px;
}

.popup-privilege-card .popup-privilege-wrapper .sc-content ol {
    list-style: decimal;
    padding-left: 20px;
}

.popup-privilege-card .popup-privilege-wrapper .sc-content ol li:last-child {
    padding-bottom: 0;
}

.popup-privilege-card .popup-privilege-wrapper .sc-content li {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

.popup-privilege-card .popup-privilege-wrapper .sc-content ul {
    list-style: disc;
    padding: 10px 0 0 20px;
}

.popup-privilege-card .popup-privilege-wrapper .table-img-wrapper {
    padding-right: 0;
}

.popup-privilege-card .popup-privilege-wrapper .sc-content .note-cd {
    font-size: 12px;
    padding-bottom: 10px;
}

.popup-privilege-wrapper .text-red {
    color: #490C14 !important;
}

.main .sc-rl .sc-inner {
  padding: 48px 0;
}

@media (max-width: 992px) {
    .popup-privilege-card .popup-privilege-wrapper h2 {
        font-size: 26px;
    }
}