/* ############################ Start Personalized Privilege Package  ###################### */
/*privilege Landing privilege-announcement */

.section-wisdom_heading .wisdom_heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
}

.section-wisdom_heading .wisdom-image {
  max-width: 192px;
}

.wisdom_heading-heading .title {
  text-align: center;
  font-size: 48px;

  color: #111;
  text-transform: uppercase;
}

.section-wisdom_heading .wisdom_heading-vdo {
  width: 100%;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}

.section-wisdom_heading .wisdom_heading-vdo video {
  width: 100%;
  height: auto;       
  object-fit: contain;  
  display: block;        
  max-width: 100%;
  flex-shrink: 0; 
}

.section-wisdom_heading .wisdom_heading-vdo .btn-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 1;
}

.section-wisdom_heading .wisdom_heading-vdo .btn-pause:hover {
  opacity: 0.7;
}

@media screen and (max-width: 992px) {
  .section-wisdom_heading .title {
    font-size: 34px;
    line-height: 1.05;
  }

  .section-wisdom_heading .wisdom-image {
    max-width: 92px;
  }

  .section-wisdom_heading {
    padding: 48px 0;
  }

  .section-wisdom_heading .wisdom_heading-vdo {
    margin-top: 0px;
  }

  .section-wisdom_heading .wisdom_heading-vdo .btn-pause {
    width: 61px;
    height: 61px;
  }
}

/* section service */
.section-services {
  padding-block: 0;
  position: relative;
  background: linear-gradient(0deg, #D4C9BC 0%, #D4C9BC 100%), linear-gradient(0deg,#490C14 0%, #490C14 100%), linear-gradient(90deg, #E4E1DE 0%, #B7B3B5 25%, #F2F3F3 50%, #B7B3B5 75%, #D1D2D3 100%);
  z-index: 0;
}
/* .section-services::before {
  content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url('../../privileges/2025/landing/img/bg-personalized-package-2.jpg') 50% / cover no-repeat;
    opacity: 0.1;
    
    z-index: -1;
} */

.section-personalized-package {
  padding-block: 40px 80px;
}
.personalized-package-flex {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
}

.personalized-package-flex .logo-upMore img {
  max-width: 270px;
}

.section-personalized-package .personalized-package-content .personalized-package-desc .desc .sub-title {
  color: #641D24;
  font-family: "itc_giovannibook", "kurious-looped";
  font-size: 32px;
  font-weight: 500;
  text-align: center;
}

.personalized-package-desc .sub-desc {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 24px;
  line-height: 1.4;
  color: #641D24;
  margin-top: 12px;
  justify-content: center;
}

.sub-desc .line-kbanklive {
  display: flex;
  gap: 4px;
  align-items: center;
}

.sub-desc .line-kbanklive img {
  width: 36px;
}

.section-personalized-package .personalized-package-heading {
  display: flex;
  flex-direction: column;
  align-items: center;

  gap: 16px;
}

.section-personalized-package .personalized-package-heading .tag-cream {
  font-family: "kurious-looped", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.section-personalized-package .personalized-package-heading .title {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  color: #490C14;
}

.wisdom-personalized-link-content .link {
  color: #490C14;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 8px;
}

.wisdom-personalized-link-content .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;
}

.section-personalized-package .personalized-package-btn-mb {
  display: none;
}

@media screen and (max-width: 767px) {
  .section-personalized-package .personalized-package-btn-mb {
    display: block;
  }
}

.section-personalized-package .personalized-package-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  color: #fff;
}

.section-personalized-package .personalized-package-content .personalized-package-table-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  font-family: "kurious-looped", sans-serif;
}

.section-personalized-package .personalized-package-content .personalized-package-table-desc .desc {
  text-align: center;
  font-family: "kurious-looped", sans-serif;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 500;

  display: flex;
  flex-direction: column;
  gap: 12px;
}

.section-personalized-package .personalized-package-content .personalized-package-table-desc .contact {
  padding: 16px 48px;
  font-size: 30px;
  line-height: 1.4;
  color: #ffffff;
  font-weight: 400;
  border-radius: 8px;
}

.section-personalized-package .personalized-package-content .personalized-package-table-desc .desc .sub-title {
  color: #641D24;
  font-family: "kurious-looped", sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.section-personalized-package .personalized-package-content .personalized-package-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
}

.section-personalized-package .personalized-package-content .personalized-package-logo .logo-wisdom {
  max-width: 230px;
}

.section-personalized-package .personalized-package-content .personalized-package-logo .logo-upMore {
  max-width: 318px;
}

.section-personalized-package .personalized-package-content .section-personalized-package-table {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.section-personalized-package .personalized-package-content .flex-highlight-privilege {
  display: flex;
  gap: 8px;
  padding: 16px 0;
  align-items: center;
}

.section-personalized-package .personalized-package-content .flex-highlight-privilege span {
color: #641D24;
font-size: 13px;
    font-family: "itc_giovannibook", "kurious-looped";
font-style: normal;
font-weight: 400;
line-height: 140%;
}

.personalized-package-content .highlight-privilege-container {padding-top: 0;padding-bottom: 0;}

.section-wisdom-upAndMore-btn .detail {
  color: #FFF;
  width: 100%;
  max-width: 710px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5; 
  flex: 1 1 auto;   
  min-width: 0;       
  word-break: break-word;
}
/* .Xmb-benefit {
  background: linear-gradient(90deg, #3F1222 0%, #582332 50%, #3F1222 100%), linear-gradient(180deg, rgba(242, 242, 242, 0.00) 3.13%, #AAB3BB 100%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  padding: 24px 16px;
}

.Xmb-benefit .Xmb-benefit-wrapper {
  max-width: 1140px;
  width: 100%;
}

.Xmb-benefit .btn-revamp {
  margin: 0;
} */

.section-wisdom-upAndMore-btn {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}

.section-wisdom-upAndMore-btn .flex-left{
  display: flex;
  align-items: center;
  gap: 24px;
}

.section-wisdom-upAndMore-btn .upAndMore-image-card {
  width: max-content;
  display: flex;
  flex: 0 0 auto;   
  gap: 7px;
}

.section-wisdom-upAndMore-btn .upAndMore-image-card img {
  width: 100%;
  max-width: 64px;
  /* height: fit-content; */
  height: auto;
  display: block;
}

/* Table */
.personalized-package-table-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.section-personalized-package .personalized-package-table-wrapper {
  transition: all 0.5s;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
}

.section-personalized-package .personalized-package-table-wrapper.active {
  opacity: 1;
  max-height: fit-content;
  position: relative;
  visibility: visible;
}

.section-personalized-package .personalized-package-content .personalized-package-table {
  overflow: hidden;
  width: 100%;
}

/* .personalized-package-table thead {
  background: linear-gradient(91deg, #641D24 -44.77%, #641D24 53.85%, #3E0C11 120.92%);
} */

.personalized-package-table thead tr:first-child th {
  padding: 16px 24px;
  font-family: "itc_giovannibook", "kurious-looped";
  text-transform: uppercase;
  font-size: 18px;
  background: linear-gradient(90deg, #3F1222 0%, #64222A 50%, #3F1222 100%);
  box-shadow: unset;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1.4;
}

.personalized-package-table thead tr:first-child th:lang(th) {
  font-family: "kurious-looped", sans-serif;
}

.personalized-package-table thead tr th {
  width: 300px;
  background: linear-gradient(90deg, #F3ECDF 0%, #F3ECDF 10%, #DDCCC2 95%, #D7C7BD 100%);
  box-shadow: 0 4px 4px 0 #D4C9BC inset, 0 6px 4px 0 #F0E8DF inset;
  border-bottom: 1px solid #490C14;
}

.personalized-package-table thead .head-table {
  padding: 17px 18px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  color: #490C14;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 400;
}

.personalized-package-table tbody {
  background: linear-gradient(71deg, #BBAAA0 0%, #F3EDE1 71.98%, #BBAAA0 104.7%);
}

.personalized-package-table tbody tr td {
  border-left: 1px solid #FEFEFE;
  border-right: 1px solid #FEFEFE;
}

.personalized-package-table tbody tr td:last-child {
  border-right: none;
}

.personalized-package-table tbody .item-table {
  padding: 16px;
  display: flex;
  align-items: start;
  gap: 12px;
}

.personalized-package-table tbody .item-table .icon-head-table {
  width: 100%;
}

.personalized-package-table tbody .item-table .item-text {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.personalized-package-table tbody .item-table .item-text.tag-new::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 62px;
  height: 28px;
  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;
}

.personalized-package-table tbody .item-table .item-text .desc {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.personalized-package-table tbody .item-table .item-text .note {
  font-size: 16px;
  color: #111;
}

.personalized-package-table tbody .item-table .item-text .desc.text-with-new {
  max-width: 191px;
}

.personalized-package-table tbody .item-table .text-new {
  font-size: 16px;
  font-weight: 900;
  color: #641d24;
  text-transform: uppercase;
  line-height: 1;
}

.personalized-package-table tbody .item-table .text-facility {
  font-size: 16px;
  color: #490C14;
  line-height: 1;
}

.personalized-package-table tbody .item-table .text-times {
  font-size: 16px;
  font-family: "kurious-looped", sans-serif;

  line-height: 1.4;
  color: #490C14;
}

.personalized-package-table-group .table-remark p {
  font-family: "kurious-looped", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #111;
}

@media screen and (max-width: 1024px) {
  .personalized-package-table tbody .item-table .item-text.tag-new::before {
    width: 38px;
    height: 21px;
  }
}

@media screen and (max-width: 992px) {
  .section-personalized-package {
    padding-top: 48px;
  }

  .personalized-package-flex {
    flex-direction: column;
    align-items: unset;
    gap: 36px;
  }

  .personalized-package-flex .logo-upMore img {
    max-width: 138px;
}

  .section-personalized-package .personalized-package-table-wrapper {
    overflow-x: scroll;
    max-width: 100%;
  }

  .section-personalized-package .personalized-package-table-wrapper::-webkit-scrollbar {
    height: 3px;
  }

  .section-personalized-package .personalized-package-table-wrapper::-webkit-scrollbar-thumb {
    background-color: #e0e0e080;
  }

  .section-personalized-package .personalized-package-heading .title {
    font-size: 24px;
  }

  .section-personalized-package .personalized-package-heading .tag-red {
    font-size: 12px;
    line-height: 1.4;
  }

  .section-personalized-package .personalized-package-content .personalized-package-table-desc {
    gap: 36px;
  }

  .section-personalized-package .personalized-package-content .personalized-package-desc .desc .sub-title {
    font-size: 20px;
  }

  .section-personalized-package .personalized-package-content .personalized-package-logo .logo-wisdom {
    max-width: 112px;
  }

  .section-personalized-package .personalized-package-content .personalized-package-logo .logo-upMore {
    max-width: 158px;
  }

  .section-personalized-package .personalized-package-content .personalized-package-table-desc .desc {
    font-size: 16px;
    line-height: 1.4;
  }

  .section-personalized-package .personalized-package-content .personalized-package-table-desc .contact {
    font-size: 16px;
    padding: 16px;
    text-align: center;
  }

  .section-personalized-package .personalized-package-content .personalized-package-table-desc .desc .sub-title {
    font-size: 20px;
  }

  .personalized-package-table thead tr:first-child th {
    padding: 12px 24px;
    font-size: 14px;
    line-height: 1.4;
  }

  .personalized-package-table thead .head-table {
    padding: 8px;
  }

  .personalized-package-table thead .head-table img {
    width: 24px;
  }

  .personalized-package-table thead .head-table p {
    font-size: 16px;
  }

  .section-personalized-package .personalized-package-content .personalized-package-table {
    width: 900px;
    max-width: max-content;
    margin-bottom: 16px;
  }

  .personalized-package-table thead tr th {
    width: 225px;
  }

  .personalized-package-table tbody .item-table img {
    width: 16px;
  }

  .personalized-package-table tbody .item-table .text-facility {
    font-size: 14px;
  }

  .personalized-package-table tbody .item-table .text-times {
    font-size: 10px;
  }

  .personalized-package-table-group .table-remark p {
    font-size: 13px;
  }

  .section-personalized-package .personalized-package-content .section-personalized-package-table {
    gap: 16px;
  }

  .section-personalized-package .personalized-package-content .personalized-package-logo {
    gap: 16px;
  }

  .section-personalized-package .personalized-package-content {
    gap: 36px;
  }

  .personalized-package-table tbody .item-table .text-new {
    font-size: 10px;
  }

  .personalized-package-table tbody .item-table .item-text .note {
    font-size: 12px;
  }

/* .Xmb-benefit {gap:16px;}
.Xmb-benefit .detail {font-size: 14px;}
.Xmb-benefit .btn-revamp.btn-red {width: 100%; max-width: 108px; font-size: 12px;} */

.personalized-package-desc .sub-desc {
  font-size: 16px;
  flex-direction: column;
  gap: 9px;
}

.sub-desc .line-kbanklive img {
  width: 24px;
}

}

 @media screen and (max-width: 768px) {
  /* .Xmb-benefit .Xmb-benefit-wrapper {
    padding: 0;
  } */
  .section-wisdom-upAndMore-btn {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
  .section-wisdom-upAndMore-btn {
    max-width: 328px;
    text-align: center;
    margin: auto;
  }

  .section-wisdom-upAndMore-btn .flex-left {
    flex-direction: column;
  }
  
 }

/* other-privileges-content */
.section-other-privileges {
  background: linear-gradient( 108deg, rgba(212, 201, 188, 0.30) 28.45%, rgba(234, 228, 220, 0.30) 48.64%, rgba(212, 201, 188, 0.30) 100% ), linear-gradient( 90deg, #F4EBE1 0%, #F0E8DF 25%, #F6EFE7 50%, #F0E8DF 75%, #F4EBE1 100% );
  background-blend-mode: normal, normal, overlay, normal;
  padding-bottom: 80px;
}
.section-other-privileges .other-privileges-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding-top: 80px;
}

.section-other-privileges .other-privileges-content .other-privileges-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #641D24;
}

.section-other-privileges .other-privileges-content .other-privileges-heading .title {
  font-size: 30px;
  text-align: center;
  line-height: 1;
}

.section-other-privileges .other-privileges-content .other-privileges-heading .desc {
  font-size: 18px;
  font-family: "kurious-looped", sans-serif;

  line-height: 1.4;
  text-align: center;
}

/* accordion */
.other-privileges-content .accordion-item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.other-privileges-content .accordion-item .accordion-header {
  width: 100%;
  cursor: pointer;
  padding: 24px;
  background: linear-gradient(90deg, #3F1222 0%, #582332 50%, #3F1222 100%);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-family: "itc_giovannibook", "kurious-looped";
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
}

.other-privileges-content .accordion-item .accordion-header::after {
  content: "";
  display: block;
  background: url(/SiteCollectionDocuments/personal/the-wisdom/privileges/2025/landing/img/icon/icon-arrow-right.svg) no-repeat center / cover;
  height: 16px;
  width: 8px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.other-privileges-content .accordion-item.active .accordion-header::after {
  transform: translateY(-50%) rotate(90deg);
}

.other-privileges-content .accordion-item .accordion-content {
  padding: 0;
  /* background: url(../../privileges/2025/bg-accordian.png) no-repeat center / cover; */
  background: #F9F4F0;
  border: 1px solid #cccccc;
  font-size: 16px;
  line-height: 1;
  font-family: "kurious-looped";
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  opacity: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.other-privileges-content .accordion-item.active .accordion-content {
  padding: 24px;
  opacity: 1;
  height: fit-content;
}

.other-privileges-content .accordion-item .accordion-content .sub-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #641d24;
}

.other-privileges-content .accordion-item .accordion-content .text-with-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: disc;
  padding-left: 16px;
}

.other-privileges-content .accordion-item .accordion-content .text-with-list p {
  font-size: 18px;
  line-height: 1.4;
}

.other-privileges-content .accordion-item .accordion-content .text-with-list .header-list {
  font-size: 18px;
}

.other-privileges-content .accordion-item .accordion-content .text-with-list .tag-new .icon-tag-new {
  height: 20px;
}

.other-privileges-content .accordion-item .accordion-content .text-with-list .tag-new {
  display: flex;
  align-items: stretch;
  gap: 16px;
}

.other-privileges-content .accordion-item .accordion-content .text-with-list .text-bold {
  font-weight: 600;
  line-height: 1.4;
}

.other-privileges-content .accordion-item .accordion-content .text-with-list .list {
  font-weight: 500;
  line-height: 1.4;
  padding-left: 24px;
  list-style: circle;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  font-size: 16px;
}

.other-privileges-content .accordion-item .accordion-content .remark {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}

.other-privileges-content .accordion-item .accordion-content .note {
  font-size: 16px;
  line-height: 1.4;
}

.other-privileges-content .accordion-item .accordion-content .link-red {
  color: #641d24;
}

@media screen and (max-width: 992px) {
  .section-other-privileges .other-privileges-content {
    padding-top: 36px;
  }

  .section-other-privileges .other-privileges-content .other-privileges-heading .title {
    font-size: 20px;
  }

  .section-other-privileges .other-privileges-content .other-privileges-heading .desc {
    font-size: 14px;
  }

  .other-privileges-content .accordion-item .accordion-header {
    padding: 16px;
    font-size: 24px;
  }

  .other-privileges-content .accordion-item .accordion-header::after {
    right: 16px;
  }

  .other-privileges-content .accordion-item .accordion-content .sub-title {
    font-size: 18px;
  }

  .other-privileges-content .accordion-item .accordion-content {
    font-size: 14px;
  }

  .other-privileges-content .accordion-item .accordion-content .remark {
    font-size: 10px;
  }

  .other-privileges-content .accordion-item .accordion-content .text-with-list p {
    font-size: 18px;
  }

  .other-privileges-content .accordion-item .accordion-content .text-with-list .list {
    font-size: 16px;
  }

  .other-privileges-content .accordion-item .accordion-content .note {
    font-size: 13px;
  }
}

/* section-wisdom-personalized */
.section-wisdom-personalized {
  background: url(/SiteCollectionDocuments/personal/the-wisdom/privileges/2026/landing/img/bg-section-wisdom-personalized.jpg) no-repeat center / cover;
}

.section-wisdom-personalized .wisdom-personalized-content {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  text-align: center;
}

.section-wisdom-personalized .wisdom-personalized-swiper-content {
  width: 100%;
}

.section-wisdom-personalized .sc-controller .controller-wrapper {
  border: unset;
  border-radius: unset;
}

.section-wisdom-personalized .sc-controller .controller-menu {
  padding: unset;
}

.section-wisdom-personalized .wisdom-personalized-content .sc-controller .controller-menu {
  border-radius: unset;
  border-color: #ebebeb;
  gap: 0;
}

.section-wisdom-personalized .wisdom-personalized-content .sc-controller .controller-menu.red_theme .menu-item {
  width: 147px;
  border-radius: unset;
  padding: 12px 16px;
  background: unset;
}

.section-wisdom-personalized .wisdom-personalized-content .sc-controller .controller-menu.red_theme .menu-item:hover {
  color: #ffffff;
  background: #641d24;
}

.section-wisdom-personalized .wisdom-personalized-content .sc-controller .controller-menu.red_theme .menu-item.active {
  color: #ffffff;
  background: #641d24;
}

.sc-controller .controller-menu .menu-item {
  color: #490C14;
}

.section-wisdom-personalized .wisdom-personalized-swiper-content .wisdom-personalized-swiper-group {
  max-width: 1000px;
  margin: 0 auto;
}

.section-wisdom-personalized .wisdom-personalized-swiper-content .wisdom-personalized-swiper {
  padding-bottom: 76px;
  padding-top: 5px;
}

.section-wisdom-personalized .wisdom-personalized-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.section-wisdom-personalized .wisdom-personalized-heading .desc {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
}

.section-wisdom-personalized .wisdom-personalized-heading .title {
  font-size: 36px;
  color: #490C14;
  letter-spacing: 3px;
  text-transform: uppercase;
}

/* .wisdom-personalized-swiper-controller .menu-item {
  text-transform: uppercase;
} */
 .wisdom-personalized-swiper-controller {
  width: 100%;
  border-bottom: 1px solid #E6DFD6;
 }

.section-wisdom-personalized .wisdom-personalized-swiper-group .swiper-item {
  transition: all 0.5s;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  visibility: hidden;
}

.section-wisdom-personalized .wisdom-personalized-swiper-group .swiper-item.active {
  opacity: 1;
  max-height: fit-content;
  position: relative;
  visibility: visible;
}

.section-wisdom-personalized .wisdom-personalized-swiper-group .swiper-item {
  position: relative;
}

.section-wisdom-personalized .wisdom-personalized-swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.section-wisdom-personalized .wisdom-personalized-swiper .swiper-slide .swiper-img {
  max-width: 334px;
}

.section-wisdom-personalized .wisdom-personalized-swiper .swiper-slide .swiper-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 328px;
  min-height: 128px;
}

.section-wisdom-personalized .wisdom-personalized-swiper-last .swiper-slide .swiper-content {
  min-height: 165px;
}

.section-wisdom-personalized .wisdom-personalized-swiper .swiper-content .step {
  font-family: "kurious-looped", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  color: #111111;
}

.section-wisdom-personalized .wisdom-personalized-swiper .swiper-content .desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.section-wisdom-personalized .wisdom-personalized-swiper .swiper-content .note {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.section-wisdom-personalized .wisdom-personalized-swiper .swiper-content .desc .text-red {
  color: #641d2e;
}

.section-wisdom-personalized .wisdom-personalized-content .controller-menu .menu-item p {
  padding: 10px 16px;
}

@media screen and (max-width: 540px) {
  .section-wisdom-personalized .wisdom-personalized-content .sc-controller .controller-menu.red_theme .menu-item {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .section-wisdom-personalized .wisdom-personalized-heading .tag-red {
    font-size: 12px;
  }

  .section-wisdom-personalized .wisdom-personalized-heading {
    gap: 8px;
  }

  .section-wisdom-personalized .wisdom-personalized-heading .title {
    font-size: 24px;
    line-height: 1.05;
  }

  .section-wisdom-personalized .wisdom-personalized-content {
    gap: 36px;
  }

  /* .section-wisdom-personalized .wisdom-personalized-content .controller-menu {
    padding: 8px 16px;
  } */

  .wisdom-personalized-swiper-controller {
    width: 100%;
  }

  .wisdom-personalized-swiper-controller .controller-menu .menu-item {
    text-wrap: nowrap;
  }

  .section-wisdom-personalized .wisdom-personalized-swiper-content .controller-menu::-webkit-scrollbar {
    display: none;
  }

  .section-wisdom-personalized .wisdom-personalized-swiper .swiper-content .desc {
    font-size: 16px;
  }

  .section-wisdom-personalized .wisdom-personalized-heading .desc {
    font-size: 14px;
  }

  .section-wisdom-personalized .wisdom-personalized-swiper .swiper-content .step {
    font-size: 16px;
  }

  .section-wisdom-personalized .wisdom-personalized-content .sc-controller .controller-menu .menu-item {
    font-size: 16px;
  }
}

/*  section-wisdom_service */
.section-wisdom_service {
  background: radial-gradient(circle, #fffffe 50%, #edeeee),
    linear-gradient(to right, #d1cfce, #edeeee);
}

.section-wisdom_service .wisdom_service-header {
  display: flex;
  flex-direction: column;
  align-items: center;

  gap: 16px;
}

.section-wisdom_service .wisdom_service-header .tag-red {
  font-family: "kurious-looped", sans-serif;
  font-size: 14px;
  color: #641d24;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4;
}

.section-wisdom_service .wisdom_service-header .title {
  font-size: 36px;
  color: #111111;
  text-transform: uppercase;
  text-align: center;
}

.section-wisdom_service .wisdom_service-header .desc {
  font-size: 22px;
  color: #333333;
  text-align: center;
}

.section-wisdom_service .wisdom_service-subheader {
  margin-top: 24px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.section-wisdom_service .wisdom_service-content .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}

.section-wisdom_service .wisdom_service-content {
  width: 100%;
  max-width: 1200px;
  margin-top: 48px;
}

.section-wisdom_service .wisdom_service-content .swiper-slide .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
  height: 56px;
}

.section-wisdom_service .wisdom_service-content .swiper-slide .link-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.section-wisdom_service .wisdom_service-content .swiper-slide .link-group:last-child .btn-revamp {
  width: 100%;
}

.section-wisdom_service .wisdom_service-content .swiper-slide .link {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #641d24;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "kurious-looped", sans-serif;
}

.section-wisdom_service .wisdom_service-content .swiper-slide .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: 8px;
  height: 12px;
}

@media screen and (max-width: 992px) {
  .section-wisdom_service .wisdom_service-header .tag-red {
    font-family: "kurious-looped", sans-serif;
    font-size: 12px;
  }

  .section-wisdom_service .wisdom_service-header .title {
    font-size: 24px;
    line-height: 1.04;
  }

  .section-wisdom_service .wisdom_service-subheader {
    margin-top: 16px;
    font-size: 16px;
  }

  .section-wisdom_service .wisdom_service-content {
    margin-top: 32px;
    padding-bottom: 50px;
  }

  .section-wisdom_service .wisdom_service-content .swiper-button-next,
  .section-wisdom_service .wisdom_service-content .swiper-button-prev {
    top: 40%;
    transform: translateY(-40%);
    width: 40px;
    height: 40px;
  }

  .section-wisdom_service .wisdom_service-content .swiper-slide .title {
    font-size: 22px;
    height: 45px;
  }

  .section-wisdom_service .wisdom_service-content .swiper-slide .link {
    font-size: 16px;
  }

  .section-wisdom_service .wisdom_service-header .desc {
    font-size: 14px;
  }
}

.section-faq-privileges {
  padding: 120px 0;
}

.faq-privileges-content {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
}

.faq-privileges-content .faq-privileges-heading {
  text-align: center;
  margin-bottom: 24px;
}

.faq-privileges-content .faq-privileges-heading .title {
  color: #490C14;
  font-size: 36px;
}

/* accordion */
.faq-privileges-content .accordion-item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border-bottom: 1px solid #DFD4C9;

}

.faq-privileges-content .accordion-item .accordion-header {
  width: 100%;
  cursor: pointer;
  padding: 24px 16px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  font-family: "itc_giovannibook", "kurious-looped";
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  color: #111;
}

.faq-privileges-content .accordion-item .accordion-header::after {
  content: "";
  display: block;
  background: url(/SiteCollectionDocuments/personal/the-wisdom/privileges/2025/landing/img/icon/icon-arrow-black.svg) no-repeat center / cover;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%) rotate(270deg);
  transition: all 0.3s;
}

.faq-privileges-content .accordion-item.active .accordion-header::after {
  transform: translateY(-50%) rotate(360deg);
}

.faq-privileges-content .accordion-item .accordion-content {
  padding: 0;
  /* background: url(../../privileges/2025/bg-accordian.png) no-repeat center / cover; */
  font-size: 16px;
  line-height: 1;
  font-family: "kurious-looped";
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  opacity: 0;
}

.faq-privileges-content .accordion-item.active .accordion-content {
  padding: 0 16px 16px;
  opacity: 1;
  height: fit-content;
}

.faq-privileges-content .accordion-item .accordion-content .sub-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  color: #641d24;
}

.faq-privileges-content .accordion-item .accordion-content .text-with-list {
  list-style: disc;
  padding-left: 24px;
}

.faq-privileges-content .accordion-item .accordion-content .text-with-list.style-number {
  list-style: decimal;
}

.faq-privileges-content .accordion-item .accordion-content .text-with-list .list-with-number {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.faq-privileges-content .accordion-item .accordion-content .text-with-list,
.faq-privileges-content .accordion-item .accordion-content .desc {
  font-size: 16px;
  line-height: 1.4;
}

.faq-privileges-content .accordion-item .accordion-content .text-with-list .subhead {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 8px;
}

.faq-privileges-content .accordion-item .accordion-content .text-with-list .text-bold {
  font-weight: 600;
  line-height: 1.4;
}

.faq-privileges-content .accordion-item .accordion-content .text-with-list .list {
  font-weight: 500;
  line-height: 1.4;
  padding-left: 50px;
  list-style: circle;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 18px;
}

.faq-privileges-content .accordion-item .accordion-content .remark {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}

.faq-privileges-content .accordion-item .accordion-content .note {
  font-size: 16px;
  line-height: 1.4;
}

.faq-privileges-content .accordion-item .accordion-content .link-red {
  color: #641d24;
}

.faq-privileges-content .accordion-item .accordion-content .faq-privileges-group_table {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.faq-privileges-content .faq-privileges-group_table .faq-privileges-group_table-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
  max-width: 890px;
}

.faq-privileges-content .faq-privileges-group_table .faq-privileges-group_table-item .head-table {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #333333;
}

.faq-privileges-content .faq-privileges-table thead tr th {
  font-weight: 600;

  padding: 16px;
  text-align: center;
}

.faq-privileges-content .faq-privileges-table tbody tr td {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #333333;
  padding: 16px;
  font-family: "kurious-looped", sans-serif;
}

.faq-privileges-content .faq-privileges-table tbody tr td:first-child {
  font-family: "itc_giovannibook", "kurious-looped", sans-serif;
}

.faq-privileges-content .faq-privileges-table tbody tr td:nth-child(2) {
  text-align: center;
}

.faq-privileges-content .faq-privileges-table thead tr th,
.faq-privileges-content .faq-privileges-table tbody tr td {
  border: 1px solid #f0f0f0;
  font-size: 18px;
  line-height: 1.4;
  color: #333333;
}

@media screen and (max-width: 992px) {
  .section-faq-privileges .faq-privileges-content .faq-privileges-heading .title {
    font-size: 34px;
  }

  .faq-privileges-content .accordion-item .accordion-header {
    padding: 16px;
    font-size: 16px;
    padding-right: 61px;
  }

  .faq-privileges-content .accordion-item .accordion-header::after {
    right: 16px;
  }

  .faq-privileges-content .accordion-item .accordion-content .sub-title {
    font-size: 18px;
  }

  .faq-privileges-content .accordion-item .accordion-content {
    font-size: 14px;
  }

  .faq-privileges-content .accordion-item .accordion-content .remark {
    font-size: 10px;
  }

  .faq-privileges-content .accordion-item .accordion-content .text-with-list, .faq-privileges-content .accordion-item .accordion-content .desc {
    font-size: 12px;
  }

  .faq-privileges-content .accordion-item .accordion-content .text-with-list p {
    font-size: 16px;
  }

  .faq-privileges-content .accordion-item .accordion-content .text-with-list .list {
    font-size: 16px;
  }

  .faq-privileges-content .accordion-item .accordion-content .note {
    font-size: 13px;
  }

  .faq-privileges-content .accordion-item .accordion-content .text-with-list .desc,
  .faq-privileges-content .accordion-item .accordion-content .desc {
    font-size: 12px;
  }

  .faq-privileges-content .accordion-item .accordion-content .text-with-list.style-number {
    font-size: 12px;
  }

  .faq-privileges-content .accordion-item .accordion-content .text-with-list .list-with-number {
    align-items: start;
  }

  .faq-privileges-content .accordion-item .accordion-content .text-with-list .subhead {
    font-size: 16px;
  }

  .faq-privileges-content .faq-privileges-group_table .faq-privileges-group_table-item .head-table {
    font-size: 16px;
  }

  .faq-privileges-content .accordion-item .accordion-content .faq-privileges-group_table {
    margin-top: 16px;
  }

  .section-faq-privileges {
    padding: 48px 0;
  }
}

/* ===== popup style ===== */
.popup-privileges .container {
  max-width: 1000px;
  width: 100%;
  padding: 0;
  background: linear-gradient(106.09deg,
      rgba(230, 240, 244, 0.2) 0%,
      rgba(233, 242, 246, 0.2) 100%),
    linear-gradient(90deg, #fefefe 0%, #879ba7 100%);
  position: relative;
}

.popup-privileges .container .mfp-close {
  position: absolute;
  color: #641d24;
}

.popup-privileges .inner-wrapper {
  padding: 48px 24px;
}

.popup-privileges .inner-wrapper {
  padding: 48px 24px;
  padding-right: 0;
}

.popup-privileges .sc-heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}

.popup-privileges .h-title {
  color: #333333;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
}

.popup-privileges .h-title .head-logo {
  margin-bottom: 8px;
}

.popup-privileges .check-location {
  text-align: center;
}

.popup-privileges .check-location .head {
  font-size: 14px;
  font-weight: 400;
}

.popup-privileges .check-location .location {
  font-size: 20px;
  font-weight: 700;
}

.popup-privileges .check-location .logo {
  margin-top: 8px;
}

.popup-privileges .h-title {
  color: #333333;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
}

.popup-privileges .s-title {
  color: #641d24;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
}

.popup-privileges .privileges-popup-table {
  display: flex;
  flex-direction: column;
  gap: 40px;
  color: #333333;
}

.popup-privileges .privileges-popup-table-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
}

.popup-privileges .privileges-popup-table-item .head-table {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #333333;
}

/* .popup-privileges .link {
  word-break: break-all;
} */

.popup-privileges .scroll-icon {
  display: none;
}

.popup-privileges .icw {
  overflow-x: hidden;
  overflow-y: auto;
}

.popup-privileges .table-img-wrapper {
  padding-right: 24px;
}

@media screen and (max-width: 1000px) {
  .popup-privileges .table-img-wrapper {
    overflow-y: hidden;
    overflow-x: scroll;
    position: relative;
  }

  .popup-privileges .table-img-wrapper img {
    min-width: 850px;
  }

  .popup-privileges .scroll-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: "itc_giovannibook", "kurious-looped";
    font-size: 13px;
  }

  .popup-privileges .scroll-icon {
    display: none;
  }



  .popup-privileges .scroll-icon img {
    max-width: 43px;
    min-width: unset;
  }
}

@media screen and (max-width: 820px) {
  .popup-privileges .table-img-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 230px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
    transition: all 0.3s;

  }

  .popup-privileges .scroll-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: "itc_giovannibook", "kurious-looped";
    font-size: 13px;
    max-width: 83px;
    position: absolute;
    top: 75px;
    right: 12px;
    z-index: 99;
    transition: all 0.3s;
    opacity: 1;
  }

  .popup-privileges .scroll-icon.single-table {
    top: 10px;
  }

  .popup-privileges .srcoll .scroll-icon {
    opacity: 0;
  }

  .popup-privileges .table-img-wrapper.srcoll::after {
    display: none;
  }

  .popup-privileges .inner-wrapper {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .popup-privileges .inner-wrapper {
    padding: 24px 16px;
  }



  .popup-privileges .h-title {
    font-size: 28px;
  }

  .popup-privileges .privileges-popup-table-item .head-table {
    font-size: 18px;
  }
}

/* ################### End popup financial privilege ############### */


.section-wisdom-upAndMore {
  padding: 64px 0;
}

@media screen and (max-width: 767px) {
  .section-wisdom-upAndMore {
    padding: 48px 0;
  }
}

/* ################### popup personalized package ################### */
.popup-privileges .mfp-container:has(#Xmb-benefit) {
  align-content: center;
}
#Xmb-benefit .container {
  background: linear-gradient(106deg, rgba(230, 223, 214, 0.80) 0%, rgba(212, 201, 188, 0.80) 100%), url('/SiteCollectionDocuments/personal/the-wisdom/home/img/2026/bg-popup-privilege-card.png') lightgray 50% / cover no-repeat;
  /* background-size: cover;
  background-position: center */
}
#Xmb-benefit .inner-wrapper {
  padding: 52px 24px;
}
#Xmb-benefit .inner-wrapper .sc-content {
  max-width: 819px;
  margin: 0 auto;
}
#Xmb-benefit .inner-wrapper .sc-content .privileges-popup-detail-item .logo-Xmb-benefit {
  max-width: 195px;
  width: 100%;
  margin: auto;
}
#Xmb-benefit .inner-wrapper .sc-content .privileges-popup-detail-item {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .privileges-detail-desc {
  display: flex;
  gap: 24px;
  flex-direction: column;
  font-size: 20px;
  line-height: 1.4;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .privileges-detail-accordion {
  font-size: 16px;
  line-height: 1.4;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .privileges-detail-accordion ul {
  list-style-type: disc;
  padding-left: 35px;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .privileges-detail-example {
  font-size: 16px;
  line-height: 1.4;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .privileges-detail-date {
  font-family: "kurious-looped";
  color: #641D24;
  font-size: 18px;
  line-height: 1.4;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .wisdom-tel-link:hover {
  color: #641D24;
}
.wisdom-tel-link:hover{
  color: #641D24;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .wisdom-txt-link {
  overflow-wrap: break-word;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .wisdom-txt-link:hover {
  color: #641D24;
  text-decoration: underline;
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .btn-rm {
  width: max-content;
  font-family: "kurious-looped";
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  height: 50px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #641D24;
  background: #641D24;
  backdrop-filter: blur(5px);
}
#Xmb-benefit .sc-content .privileges-popup-detail-item .btn-rm:hover {
  background: #480819;
}
.popup-privileges #Xmb-benefit .mfp-close {
  color: #333333;
  top: 4px;
  right: 4px;
}

@media screen and (max-width: 767px) {
  #Xmb-benefit .container {
    /* background-image: url("../../home/img/2026/bg-personalized-popup-mb.png"); */
  }
  #Xmb-benefit .inner-wrapper {
    padding: 56px 24px;
  }
  #Xmb-benefit .sc-content .privileges-popup-detail-item .privileges-detail-desc {
    font-size: 16px;
  }
  #Xmb-benefit .sc-content .privileges-popup-detail-item .privileges-detail-desc .privileges-detail-accordion {
    font-size: 14px;
  }
  #Xmb-benefit .sc-content .privileges-popup-detail-item .privileges-detail-desc .privileges-detail-example {
    font-size: 14px;
  }
  .popup-privileges #Xmb-benefit .mfp-close {
      top: 0;
      right: 0;
  }
  .popup-privileges .mfp-container:has(#Xmb-benefit) {
    align-content: unset;
  }
}

@media screen and (max-width: 1024px) {
  .section-wisdom-upAndMore-btn .detail {
    max-width: 600px;
  }
}