/*  
---------------------------------------------------
Page Components
---------------------------------------------------  
*/

section.content {
  position: relative;
  display: block;
  height: auto;
}

section.content.p-0 .component-inner > .container-fluid {
  padding: 0;
}

section.content.p-0 .component-inner > .container-fluid > .row {
  margin: 0;
}

.content-col .component .component-inner > .container {
  padding: 0;
}

body:not(.full-page) section.content .content-col > section.content.component {
  padding: 0;
}

body:not(.full-page)
  section.content
  .content-col
  > section.content.component.base-bg {
  background: transparent !important;
}

body:not(.full-page)
  section.content
  .content-col
  > section.content.component:not(.usn_cmp_breadcrumb):not(.base-bg):not(.p-0) {
  padding: var(--base-half-spacing);
}

body:not(.full-page)
  section.content
  .content-col
  > section.content.component.usn_cmp_breadcrumb {
  padding: 0 var(--base-half-spacing);
}

body:not(.full-page)
  section.content
  .content-col
  > section.content.component:not(.base-bg):not(.p-0):not(:last-child) {
  margin-bottom: var(--pc-spacing);
}

body:not(.full-page)
  section.content
  .content-col
  > section.content.component:not(.usn_cmp_breadcrumb):not(:last-child):not(
    .p-0
  ) {
  padding-bottom: var(--pc-spacing);
}

body:not(.full-page)
  section.content
  .content-col
  > section.content.component.meta {
  padding-top: var(--content-col_pc-spacing);
}

body:not(.full-page)
  section.content
  .content-coll
  > section.content.component:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(
    .base-bg
  ):not(.p-0):first-child,
body:not(.full-page)
  section.content
  .content-coll
  > section.content.component:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(
    .base-bg
  ):not(.p-0) {
  padding: var(--base-spacing) !important;
}

.content .component-introduction {
  padding-bottom: var(--spacing-3xl);
}

body:not(.full-page)
  section.content
  section.content.component
  .component-introduction {
  padding-bottom: var(--content-col_pc-spacing);
}

section.content .component-outro {
  padding-top: var(--spacing-3xl);
}

body:not(.full-page)
  section.content
  section.content.component
  .component-outro {
  padding-top: var(--content-col_pc-spacing);
}

@media (min-width: 0) and (max-width: 575px) {
  section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb) {
    padding: var(--spacing-5xl) 0;
  }
}

@media (min-width: 576px) {
  section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb) {
    padding: var(--spacing-5xl) 0;
  }
}

@media (min-width: 768px) {
  section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb) {
    padding: var(--spacing-5xl) 0;
  }
}

@media (min-width: 992px) {
  section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb) {
    padding: var(--spacing-5xl) 0;
  }

  /* body:not(.full-page)
    section.content
    .content-col
    > section.content.component:not(.usn_cmp_breadcrumb):not(.base-bg):not(
      .p-0
    ) {
    padding: var(--base-spacing);
  }

  body:not(.full-page)
    section.content
    .content-col
    > section.content.component.usn_cmp_breadcrumb {
    padding: 0 var(--base-spacing);
  } */
}

@media (min-width: 1200px) {
  section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb) {
    padding: var(--spacing-5xl) 0;
  }
}

/*  
---------------------------------------------------
Max Width on a component

Custom class 'component-max-width' to max width any component. 
Adds spacing around the main component <section>.
Only works on layout 'Full Page'.
---------------------------------------------------  
*/

body.full-page section.content.component-max-width {
  margin: var(--pc-spacing);
  padding: var(--pc-spacing);
  max-width: calc(var(--component-max-width) - 30px);
  border-radius: var(--base-border-radius);
}

body.full-page section.content.component-max-width.usn_cmp_banner {
  padding: 0 !important;
}

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

@media (min-width: 0) and (max-width: 575px) {
  body.full-page section.content.component-max-width {
    margin: var(--pc-spacing);
    padding: var(--pc-spacing);
  }
}

@media (min-width: 576px) {
  body.full-page section.content.component-max-width {
    margin: var(--pc-spacing_sm);
    padding: var(--pc-spacing_sm);
  }
}

/* @media (max-width: 576px) {
  .info .intro-wrapper {
    padding-left: var(--spacing-l);
    padding-right: var(--spacing-l);
  }
} */

@media (min-width: 768px) {
  body.full-page section.content.component-max-width {
    margin: var(--pc-spacing_md);
    padding: var(--pc-spacing_md);
  }
}

@media (min-width: 992px) {
  body.full-page section.content.component-max-width {
    margin: var(--pc-spacing_lg);
    padding: var(--pc-spacing_lg);
  }
}

@media (min-width: 1200px) {
  body.full-page section.content.component-max-width {
    margin: var(--pc-spacing_xl);
    padding: var(--pc-spacing_xl);
  }
}

@media (min-width: 1350px) {
  body.full-page section.content.component-max-width {
    margin: var(--pc-spacing_xl) auto;
    padding: var(--pc-spacing_xl);
  }
}

/*  
---------------------------------------------------
Intro / Outro column widths
---------------------------------------------------  
*/

@media (min-width: 0) and (max-width: 575px) {
  section.content .component-introduction .info.col {
    flex: 0 0 var(--intro-col);
    max-width: var(--intro-col);
  }

  section.content .component-outro .info.col {
    flex: 0 0 var(--outro-col);
    max-width: var(--outro-col);
  }
}

@media (min-width: 576px) {
  section.content .component-introduction .info.col {
    flex: 0 0 var(--intro-col_sm);
    max-width: var(--intro-col_sm);
  }

  section.content .component-outro .info.col {
    flex: 0 0 var(--outro-col_sm);
    max-width: var(--outro-col_sm);
  }
}

@media (min-width: 768px) {
  section.content .component-introduction .info.col {
    flex: 0 0 var(--outro-col_md);
    max-width: var(--intro-col_md);
  }

  section.content .component-outro .info.col {
    flex: 0 0 var(--intro-col_md);
    max-width: var(--outro-col_md);
  }
}

@media (min-width: 992px) {
  section.content .component-introduction .info.col {
    flex: 0 0 var(--intro-col_lg);
    max-width: var(--intro-col_lg);
  }

  section.content .component-outro .info.col {
    flex: 0 0 var(--outro-col_lg);
    max-width: var(--outro-col_lg);
  }
}

@media (min-width: 1200px) {
  section.content .component-introduction .info.col {
    flex: 0 0 var(--intro-col_xl);
    max-width: var(--intro-col_xl);
  }

  section.content .component-outro .info.col {
    flex: 0 0 var(--outro-col_xl);
    max-width: var(--outro-col_xl);
  }
}

section.content.component
  .content-col.center-col.col
  .component-introduction
  .info.col,
section.content.component
  .content-col.center-col.col
  .component-outro
  .info.col,
body:not(.full-page)
  section.content
  .content-col
  .component-introduction
  .info.col,
body:not(.full-page) section.content .content-col .component-outro .info.col {
  flex: 0 0 100%;
  max-width: 100%;
}

section.content.component.usn_cmp_splitcomponent
  .item_block
  .component-introduction
  .info.col,
section.content.component.usn_cmp_splitcomponent
  .item_block
  .component-outro
  .info.col {
  flex: 0 0 100%;
  max-width: 100%;
}

/*  
---------------------------------------------------
Intro / Outro button position
---------------------------------------------------  
*/

.intro-wrapper .intro-left {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.intro-wrapper .intro-right {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .intro-right {
    margin-top: 0;
  }

  .intro-wrapper.has-button-right .intro-left {
    padding-right: var(--spacing-5xl);
  }
  .intro-wrapper.has-button-right {
    display: flex;
    align-items: end;
    flex-direction: row !important;
    justify-content: space-between !important;
  }
}

@media (max-width: 992px) {
  .intro-wrapper {
    align-items: flex-start !important;
  }
}

/*  
---------------------------------------------------
Center column widths
When a user chooses the center col width on a component setting
---------------------------------------------------  
*/

@media (min-width: 0) and (max-width: 575px) {
  section.content.component .content-col.center-col.col {
    flex: 0 0 var(--center-col);
    max-width: var(--center-col);
  }
}

@media (min-width: 576px) {
  section.content.component .content-col.center-col.col {
    flex: 0 0 var(--center-col_sm);
    max-width: var(--center-col_sm);
  }
}

@media (min-width: 768px) {
  section.content.component .content-col.center-col.col {
    flex: 0 0 var(--center-col_md);
    max-width: var(--center-col_md);
  }
}

@media (min-width: 992px) {
  section.content.component .content-col.center-col.col {
    flex: 0 0 var(--center-col_lg);
    max-width: var(--center-col_lg);
  }
}

@media (min-width: 1200px) {
  section.content.component .content-col.center-col.col {
    flex: 0 0 var(--center-col_xl);
    max-width: var(--center-col_xl);
  }
}

/*  
---------------------------------------------------
Page Components - Items per row & Carousels
---------------------------------------------------  
*/

.row.slides {
  display: block;
  flex-wrap: nowrap;
}

.row.slides .item {
  flex: none !important;
  max-width: auto !important;
  margin-bottom: 0;
}

/* .row.slides:not(.listing_no-spacing) .item {
  padding: 12px 12px;
} */

.row:not(.slides):not(.listing_window-mosaic) .item.items-1 {
  flex: 0 0 var(--items-1);
  max-width: var(--items-1);
}

/* Justify child items to end */
.justify-items-end .component-main.row {
  justify-content: flex-end !important;
}
/* Justify child items to center */
.justify-items-center .component-main.row {
  justify-content: center !important;
}

@media (min-width: 576px) {
  .row:not(.slides):not(.listing_window-mosaic) .item.items-2,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-3,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-5,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-6,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-7,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-8 {
    flex: 0 0 var(--items-2);
    max-width: var(--items-2);
  }
}

@media (min-width: 768px) {
  .row:not(.slides):not(.listing_window-mosaic) .item.items-3,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-5,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-6,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-7,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-8 {
    flex: 0 0 var(--items-2);
    max-width: var(--items-2);
  }
}

@media (min-width: 992px) {
  .row:not(.slides):not(.listing_window-mosaic) .item.items-3 {
    flex: 0 0 var(--items-3);
    max-width: var(--items-3);
  }

  .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
  .row:not(.slides):not(.listing_window-mosaic) .item.items-5 {
    flex: 0 0 var(--items-4);
    max-width: var(--items-4);
  }

  .row:not(.slides):not(.listing_window-mosaic) .item.items-6 {
    flex: 0 0 var(--items-5);
    max-width: var(--items-5);
  }

  .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
    flex: 0 0 var(--items-6);
    max-width: var(--items-6);
  }

  .row:not(.slides):not(.listing_window-mosaic) .item.items-8 {
    flex: 0 0 var(--items-7);
    max-width: var(--items-7);
  }
}

@media (min-width: 1200px) {
  .row:not(.slides):not(.listing_window-mosaic) .item.items-5 {
    flex: 0 0 var(--items-5);
    max-width: var(--items-5);
  }

  .row:not(.slides):not(.listing_window-mosaic) .item.items-6 {
    flex: 0 0 var(--items-6);
    max-width: var(--items-6);
  }

  .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
    flex: 0 0 var(--items-7);
    max-width: var(--items-7);
  }

  .row:not(.slides):not(.listing_window-mosaic) .item.items-8 {
    flex: 0 0 var(--items-8);
    max-width: var(--items-8);
  }
}

/*  
---------------------------------------------------
Item Margins only

Margins relate to the number of items per row at 
each breakpoint.
---------------------------------------------------  
*/

/*
.listing:not(.listing_window-mosaic) .item:last-child {
    margin-bottom: 0!important;
}

@media (min-width:576px) and (max-width:767px) {

    .listing:not(.listing_window-mosaic) .item:not(.items-1):nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item:not(.items-1):nth-last-child(1) {
        margin-bottom: 0!important;
    }

}

@media (min-width:768px) and (max-width:991px) {

    .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1) {
        margin-bottom: 0!important;
    }

}

@media (min-width:992px) and (max-width:1199px) {

    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4), 
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) {
        margin-bottom: 0!important;
    }

}

@media (min-width:1200px) {

    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(8),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4), 
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) {
        margin-bottom: 0!important;
    }

}

*/

/*  
---------------------------------------------------
Sticky

Choose preset class 'Sticky' to sticky anything
---------------------------------------------------  
*/

.sticky {
  position: sticky !important;
  top: 0;
  z-index: 802;
  /* Safari OSX, iOS performance improvements */
  will-change: transform, top;
  transition: top 0.3s ease-in-out 0s;
}

/*  
---------------------------------------------------
Reusable components
---------------------------------------------------  
*/

/* Component padding */

/* Users can add these styles using the Settings on the component */
/*
.usn_cmp_reusablecomponents { 
    padding-bottom: 0!important;
}
.usn_cmp_reusablecomponents:not(:first-of-type) { 
    padding: 0!important;
}
*/

/* Component container */

.usn_cmp_reusablecomponents > .component-inner > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

/* Tabs */

.usn_cmp_reusablecomponents
  > .component-inner
  > .container-fluid
  > div
  > .tabbed:not(.tab-basic)
  > .tabs
  > .nav,
.usn_cmp_reusablecomponents
  > .component-inner
  > .container
  > div
  > .tabbed:not(.tab-basic)
  > .tabs
  > .nav {
  padding: calc(var(--base-spacing) / 2) 0;
}

.usn_cmp_reusablecomponents
  > .component-inner
  > .container-fluid
  > div
  > .tabbed
  > .tabs
  > .nav.justify-content-start.text-left {
  padding-left: var(--base-spacing);
}

.usn_cmp_reusablecomponents
  > .component-inner
  > .container-fluid
  > div
  > .tabbed
  > .tabs
  > .nav.justify-content-end.text-right {
  padding-right: var(--base-spacing);
}

/* Internal components */

/* Users can add these styles using the Settings on the component */
/*
.usn_cmp_reusablecomponents > .component-inner > .container .component { 
    padding: 0;
}
*/
.usn_cmp_reusablecomponents
  > .component-inner
  > .container
  .component
  .container {
  padding-right: 0;
  padding-left: 0;
}

/* Color <img> svg element into white - It will turn any color to white*/
.item-icon-img {
  filter: brightness(0) invert(1);
}

/* ICONS COLORS in checkBoxList */
.base-bg .checklist .svg-color path {
  color: rgba(var(--base-highlight-text), 1) !important;
}

.c1-bg .checklist .svg-color path {
  color: rgba(var(--c1-highlight-text), 1) !important;
}

.c2-bg .checklist .svg-color path {
  color: rgba(var(--c2-highlight-text), 1) !important;
}

.c3-bg .checklist .svg-color path {
  color: rgba(var(--c3-highlight-text), 1) !important;
}

.c4-bg .checklist .svg-color path {
  color: rgba(var(--c4-highlight-text), 1) !important;
}

.c5-bg .checklist .svg-color path {
  color: rgba(var(--c5-highlight-text), 1) !important;
}

.c6-bg .checklist .svg-color path {
  color: rgba(var(--c6-highlight-text), 1) !important;
}

.c7-bg .checklist .svg-color path {
  color: rgba(var(--c7-highlight-text), 1) !important;
}
/* END END END - ICONS COLORS in checkBoxList */

@media (max-width: 575px) {
  .listing_basic-grid .svg-card {
    /* text-align: center !important; */
  }

  .usn_pod_textimage .svg-card .image {
    display: block !important;
    /* margin-left: auto !important;
    margin-right: auto !important; */
  }

  .footer-logo-div {
    flex-direction: column !important;
  }
}

@media (max-width: 390px) {
  .footer-logo-div-override {
    gap: 0.5rem !important;
  }
}

@media (max-width: 350px) {
  .footer-logo-div-override {
    justify-content: center !important;
  }
}

/* START START START Fund Chart CSS */
.btns-list--tab-switch button {
  min-width: 200px;
  padding: 10px 20px;
  background: #f5f5f5;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
  border: 0;
  height: 70px;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

.btns-list--tab-switch button:hover {
  border: 2px solid #2caffe !important;
}

.btns-list--tab-switch button.selected {
  border: 2px solid #2caffe !important;
}

.btns-list--tab-switch li::marker {
  display: none !important;
}

.btns-list--tab-switch {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.changes-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0;
}

.changes-list li {
  list-style: none !important;
}

.changes-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.changes-list li {
  flex: 1;
  text-align: center;
  position: relative;
  padding: 0 10px;
}

/* vertical lines between items */
.js-tab {
  display: none;
}

.js-tab.selected {
  display: inline;
}

.changes-wrapper thead th {
  background-color: #fbfbfb !important;
}

.changes-wrapper table th,
.changes-wrapper table td {
  text-align: center;
  vertical-align: middle;
}

.changes-wrapper table th {
  background-color: #fbfbfb;
  height: 46px;
  text-align: center;
  margin-bottom: 5px;
  padding: 4px 3px;
  font-weight: 400;
  font-size: calc(12rem / 16);
  line-height: 18px;
}

.changes-wrapper table th {
  border: none;
}

.changes-wrapper table td {
  border-bottom: 0 !important;
}

.changes-wrapper table {
  border: none;
}

.changes-wrapper table tbody tr {
  border-left: 1px solid rgb(221, 221, 221) !important;
}

.changes-wrapper table tbody {
  border-top: 5px solid transparent;
}

.changes-wrapper .range-change-box .positive::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 9px solid rgba(0, 206, 102, 0.5);
}

.changes-wrapper-mobile .range-change-box .positive::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 9px solid rgba(0, 206, 102, 0.5);
}

.changes-wrapper .range-change-box .negative::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 9px solid rgba(213, 0, 0, 0.5);
}

.changes-wrapper-mobile .range-change-box .negative::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 9px solid rgba(213, 0, 0, 0.5);
}

.btns-list--tab-switch {
  margin-top: 65px;
}

.chart-graph--xml span {
  margin: 0 !important;
  color: #142027;
  text-decoration: underline;
  font-size: 15px;
}

.changes-wrapper table {
  table-layout: fixed;
  width: 100%;
}

.chart-graph--xml {
  margin: 0 !important;
}

.fund-chart-export-icon {
  margin-right: 5px;
}

.changes-wrapper-mobile {
  display: none;
}

.chart-graph-xml-div {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.highcharts-container {
  width: 100% !important;
}

.charts-title-div {
  width: 357px;
}

.product-page-section-list {
  flex-direction: row;
}

.product-chart {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 32px;
  color: #4c4c4c;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 1.25px;
}

.product-chart:last-child {
  border-bottom: none;
}

.product-page-section-list .charts-title-div {
  flex: 0 0 auto;
}

.product-page-section-list .inner {
  flex: 1 1 auto;
  min-width: 0;
}

@media (max-width: 1099px) {
  .btns-list--tab-switch {
    flex-direction: row !important;
    width: 100% !important;
    padding: 0;
  }

  .btns-list--tab-switch li {
    flex: 1;
    margin: 0;
  }

  .btns-list--tab-switch button {
    width: 100%;
    text-align: center;
  }
  .chart-graph-inner {
    flex-direction: column !important;
  }

  .btns-list--tab-switch button {
    height: 34px;
    font-size: 14px;
    padding: 0 !important;
  }
}

@media (max-width: 996px) {
  .charts-title-div {
    width: 100% !important;
  }
  .product-page-section-list {
    flex-direction: column;
  }
  .changes-wrapper {
    display: none;
  }
  .changes-wrapper-mobile {
    display: flex;
  }
  .changes-list-mobile {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
  .changes-wrapper-mobile li::marker {
    content: none !important;
  }
  .changes-list-mobile p {
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .changes-list-mobile li {
    border-bottom: 1px solid gray;
    padding: 10px 0;
  }
  .chart-graph-xml-div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .btns-list--tab-switch {
    flex-direction: column !important;
  }
}

/* END END END Fund Chart CSS */

/* Remove all default table borders */
.container .text table {
  border-collapse: collapse o !important;
  width: 100% !important;
  border: 0 !important;
}

.container .text table td {
  border: none !important;
  padding: var(--spacing-l) 0px !important;
}

.container .text table tr {
  border-bottom: 1px solid #ddd !important;
}

/* Highcharts not fully ready styling for the graphs */
.highcharts-color-0 tspan {
  /* color: rgba(var(--base-highlight-text), 1) !important; */
  fill: #4c4c4c !important;
}

.highcharts-label-box {
  stroke: #eee !important;
}

.highcharts-color-0 tspan:first-child {
  /* color: rgba(var(--base-highlight-text), 1) !important; */
  fill: #004c7a !important;
}
/* END END END Highcharts not fully ready styling for the graphs */

@media (max-width: 576px) {
  .intro-left h2 {
    padding-bottom: var(--spacing-2xl);
  }

  .intro-left .text {
    padding-bottom: var(--spacing-3xl);
  }
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

/* News with image START */
.news {
  border: 0 !important;
}

.news_with_image {
  display: flex;
  flex-direction: column;
}

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

.news_with_image .content a.btn {
  margin-top: auto;
  width: fit-content;
}

.news_with_image .image {
  flex-shrink: 0; /* prevents shrinking */
}

.news_with_image .image img {
  width: 100%; /* fill container horizontally */
  height: auto; /* scale height to keep aspect ratio */
  object-fit: contain; /* ensures full image is visible */
  display: block;
}

.news_with_image .content div {
  padding-bottom: var(--spacing-2xl);
}
/* News with image END */

.checkbox-list-item-padding {
  padding-bottom: var(--spacing-l);
}

.checkbox-list-item-padding:last-child {
  padding-bottom: var(--spacing-2xl);
}

.text.banner-text.c3-text {
  padding-top: var(--spacing-xl);
}

.usn_pod_headingandtext {
  padding: 0;
}

.heading-and-text-highlighted-text-on-top {
  margin-top: var(--spacing-2xl) !important;
  margin-bottom: var(--spacing-m);
  color: #fff;
}

@media (max-width: 575px) {
  .heading-and-text-highlighted-text-on-top {
    margin-top: var(--spacing-2xl);
  }
}

.usn_pod_headingandtext .intro {
  padding-bottom: var(--spacing-m);
}

.usn_pod_headingandtext .link {
  padding-top: var(--spacing-xl);
}

.usn_cmp_newslist .component-introduction .intro-wrapper div:first-child h2 {
  padding-bottom: var(--spacing-xl);
}

@media (max-width: 575px) {
  .usn_cmp_newslist .component-introduction .intro-wrapper div:first-child h2 {
    padding-bottom: var(--spacing-2xl);
  }
}

.usn_cmp_pods:has(.usn_pod_iconinfocard) .intro-wrapper h2 {
  padding-bottom: var(--spacing-xl);
}

.usn_cmp_pods:has(.usn_pod_iconinfocard) .info-card-full .head {
  padding-bottom: var(--spacing-l);
}

.usn_cmp_pods:has(.usn_pod_iconinfocard) .list-unstyled.m-0.p-0 > li {
  padding-bottom: var(--spacing-l);
  padding-top: 0;
}

.checkbox-list-text {
  padding-left: var(--spacing-l);
}

.usn_cmp_pods:has(.usn_pod_iconinfocard) .info-card-full hr {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}

@media (max-width: 575px) {
  .usn_cmp_pods .component-main .usn_pod_iconinfocard + .usn_pod_iconinfocard {
    margin-top: var(--spacing-2xl);
  }
  .usn_cmp_pods:has(.usn_pod_iconinfocard) .intro-wrapper .intro-left .text {
    padding-bottom: 0 !important;
  }

  .usn_cmp_pods:has(.usn_pod_iconinfocard) .component-introduction {
    padding-bottom: var(--spacing-2xl);
  }
}

.usn_cmp_savingmethod:has(.saving_method_card) .component-introduction h2 {
  padding-bottom: var(--spacing-xl);
}

.usn_cmp_pods:has(.usn_pod_textimage) .intro-left h2 {
  padding-bottom: var(--spacing-xl);
}

/* .usn_cmp_pods:has(.lazypreload) .info-content {
  padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl)
    var(--spacing-2xl);
} */

.usn_cmp_pods:has(.usn_pod_textimage) .info-content .heading {
  padding-bottom: var(--spacing-l);
}

.usn_cmp_pods:has(.usn_pod_textimage) .text.base-text {
  padding-bottom: 0;
}

.usn_cmp_text .container:first-of-type {
  padding-right: var(--spacing-2xl);
  padding-left: var(--spacing-2xl);
}

/* START Employeecard */
.usn_pod_employeecard.items-2 {
  padding: 0;
}

.usn_pod_employeecard .content {
  padding: var(--spacing-xl) !important;
  gap: var(--spacing-xl);
}

.usn_cmp_pods:has(.usn_pod_employeecard)
  .component-main
  .usn_pod_employeecard.items-2:nth-child(odd) {
  padding-right: var(--spacing-xl);
}

@media (max-width: 576px) {
  .usn_cmp_pods:has(.usn_pod_employeecard)
    .component-main
    .usn_pod_employeecard.items-2:nth-child(odd) {
    padding-right: 0;
    padding-left: 0;
  }

  .usn_cmp_pods:has(.usn_pod_employeecard)
    .component-main
    .usn_pod_employeecard.items-2:nth-child(even) {
    padding-left: 0;
    padding-right: 0;
  }

  .usn_cmp_pods:has(.usn_pod_employeecard) .items_border_full {
    padding-right: var(--spacing-2xl);
    padding-left: var(--spacing-2xl);
  }
}

@media (max-width: 996px) {
  .usn_pod_employeecard .base-highlight {
    padding-bottom: var(--spacing-xl);
  }
}

.employee-card-spacing-mail-mobile {
  gap: var(--spacing-s);
}

.usn_pod_employeecard .heading {
  padding-bottom: var(--spacing-s);
}

.employee-card-spacing-mail-mobile a {
  word-break: break-word;
}

/* END END END Employeecard */

/* Small banner padding */
.small-banner-inner {
  padding: var(--spacing-xl);
}

.small-banner-inner .heading {
  padding-bottom: var(--spacing-m);
}

.small-banner-inner .heading-wrapper .heading {
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.document-list-wrapper .document-item {
  padding: var(--spacing-m) 0;
}

.document-list-wrapper .document-item:first-child {
  padding-top: 0;
}

.document-list-wrapper .document-item:last-child {
  padding-bottom: 0;
}

.content.component.usn_cmp_text .intro-wrapper h2 {
  padding-bottom: var(--spacing-xl);
}

.usn_cmp_text:has(tbody) .intro-wrapper h2 {
  padding-bottom: 0 !important;
}

.horizontal-line-location {
  margin-top: var(--spacing-2xl);
  margin-bottom: 0;
}

.listing-locations-inner-div {
  gap: var(--spacing-l);
}

.location-inner-col {
  padding-left: var(--spacing-xl);
}

@media (max-width: 996px) {
  .location-inner-col {
    padding-left: 0;
  }
  .location_card .col:first-of-type {
    padding-bottom: var(--spacing-m);
  }
  .location_card .map-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin-bottom: var(--spacing-xl);
    margin-top: var(--spacing-xl);
  }
}

.usn_cmp_splitcomponent .usn_cmp_pods .item_text-below.usn_pod_textimage .info {
  padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl)
    var(--spacing-2xl);
}

.quick-news-list-item {
  padding-top: calc(var(--spacing-3xl) + var(--spacing-l));
  padding-bottom: calc(var(--spacing-3xl) + var(--spacing-l));
}

.quick-news-list-head {
  padding-bottom: calc(var(--spacing-3xl) + var(--spacing-l));
}

.quick-news-list-item-heading {
  padding: 0;
}

.quick-news-list-item-content {
  padding-left: var(--spacing-3xl);
  padding-right: 0;
}

@media (max-width: 768px) {
  .quick-news-list-item-content {
    padding-left: 0;
    padding-right: 0;
  }
  .container.p-xl-0:has(.quick-news-list-item) {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl);
  }
  .usn_cmp_quicknewslist:has(.slick-arrow) {
    padding-bottom: 100px !important;
  }
  .usn_cmp_quicknewslist:has(.slick-arrow) .quick-news-carousel {
    padding-top: var(--spacing-3xl) !important;
  }
  .usn_cmp_singleblogpost .col-12.col-md-4 h2 {
    padding: 0 0 var(--spacing-3xl) 0;
  }
  .usn_cmp_singleblogpost .component-inner {
    padding-left: var(--spacing-l) !important;
    padding-right: var(--spacing-l) !important;
  }

  .blog-listing-wrapper-div {
    row-gap: var(--spacing-2xl);
  }

  .component:has(.site-search-form) .container {
    padding-left: var(--spacing-2xl) !important;
    padding-right: var(--spacing-2xl) !important;
  }
}

.container.p-xl-0 .quick-news-list-item {
  margin-left: 0;
  margin-right: 0;
}

.quick-news-list-heading-text {
  padding-bottom: var(--spacing-2xl);
}

.quick-news-list-date {
  padding-top: var(--spacing-l);
}

.quick-news-list-div {
  padding-right: var(--spacing-xl) !important;
}

.news-list-content-div {
  padding: var(--spacing-2xl);
}

.news-list-content-div .category {
  padding-bottom: var(--spacing-m);
}

.js-newslist .is-hidden {
  display: none !important;
}

.usn_cmp_singleblogpost .content p {
  padding-bottom: var(--spacing-m);
}

.usn_cmp_singleblogpost .content h3 {
  padding-bottom: var(--spacing-m) !important;
}

.content:has(.blog-listing-component) .container {
  padding-left: var(--spacing-2xl);
  padding-right: var(--spacing-2xl);
}

.blog-listing-wrapper-div {
  row-gap: var(--spacing-3xl);
}

.usn_cmp_fundchart {
  padding: var(--spacing-5xl) 0 calc(var(--spacing-3xl) + var(--spacing-l)) 0 !important;
}

/* START START START SSkladi styles */
#site-content:has(.usn_cmp_fundchart) .usn_cmp_datalist {
  padding-top: var(--spacing-3xl) !important;
}

#site-content:has(.usn_cmp_fundchart) .usn_cmp_datalist .usn_pod_pods {
  padding-top: var(--spacing-xl);
}

#site-content:has(.usn_cmp_fundchart) .data-list-content .usn_pod_pods {
  padding-top: 0;
}

#site-content:has(.usn_cmp_fundchart) .usn_cmp_datalist .usn_pod_pods .inner {
  padding: 0 !important;
}

#site-content:has(.usn_cmp_fundchart)
  .usn_cmp_datalist
  .usn_pod_pods
  .inner
  .component-main {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#site-content:has(.usn_cmp_fundchart)
  .usn_cmp_datalist
  .usn_pod_pods
  .border_inner {
  padding: var(--spacing-xl) !important;
}

#site-content:has(.usn_cmp_fundchart)
  .usn_cmp_datalist
  .usn_pod_pods
  .border_inner
  .item {
  padding-right: var(--spacing-l);
}

#site-content:has(.usn_cmp_fundchart)
  .usn_cmp_datalist
  .usn_pod_pods
  .border_inner
  .item:last-child {
  padding-right: 0;
}

#site-content:has(.usn_cmp_fundchart)
  .usn_cmp_datalist
  .usn_pod_pods
  .border_inner
  .item {
  padding-left: var(--spacing-2xl);
}

#site-content:has(.usn_cmp_fundchart)
  .usn_cmp_datalist
  .usn_pod_pods
  .border_inner
  .item:first-child {
  padding-left: 0;
}

#site-content:has(.usn_cmp_fundchart) .usn_cmp_datalist {
  padding-top: 0 !important;
}

#site-content:has(.usn_cmp_fundchart)
  .usn_cmp_datalist
  .item_data-list.large-pad {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#site-content:has(.usn_cmp_fundchart)
  .item_data-list
  + .item_data-list
  .item-data-list-inner {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

#site-content:has(.usn_cmp_fundchart) .item_data-list .item-data-list-inner {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

#site-content:has(.usn_cmp_fundchart) .usn_pod_text h5 {
  padding-bottom: var(--spacing-l);
}

#site-content:has(.usn_cmp_fundchart) .usn_pod_text hr {
  margin-bottom: var(--spacing-2xl) !important;
  margin-top: var(--spacing-2xl);
}

@media (max-width: 768px) {
  #site-content:has(.usn_cmp_fundchart)
    .usn_cmp_fundinitialinformation
    .initial-info-bar {
    padding: 0 var(--spacing-l) 0 var(--spacing-l);
  }
  #site-content:has(.usn_cmp_fundchart) .usn_cmp_anchornavigation {
    padding-left: var(--spacing-l) !important;
    padding-right: var(--spacing-l) !important;
  }
  #site-content:has(.usn_cmp_fundchart) .usn_cmp_fundchart {
    padding-left: var(--spacing-l) !important;
    padding-right: var(--spacing-l) !important;
  }
  #site-content:has(.usn_cmp_fundchart) .heading {
    padding: 0 0 var(--spacing-2xl) 0;
  }
  #site-content:has(.usn_cmp_fundchart) .usn_pod_documents .container {
    padding: 0;
  }
  #site-content:has(.usn_cmp_fundchart) .usn_pod_employeecard {
    padding: 0;
  }
  #site-content:has(.usn_cmp_fundchart)
    .usn_cmp_datalist
    .usn_pod_pods
    .border_inner {
    padding: var(--spacing-2xl) 0 0 0 !important;
  }
  #site-content:has(.usn_cmp_fundchart)
    .usn_cmp_datalist
    .usn_pod_pods
    .border_inner
    .item {
    padding: var(--spacing-l) 0 var(--spacing-l) 0 !important;
  }
  #site-content:has(.usn_cmp_fundchart)
    .usn_cmp_datalist
    .usn_pod_pods
    .border_inner
    .item
    h5 {
    padding-bottom: var(--spacing-m);
  }
}

.svg-card.item_text-right:only-child {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.article-wrapper .swp .listing-pods .item .inner .info {
  padding: var(--spacing-2xl);
}

.article-wrapper .swp .listing-pods .item .inner .info .info-content .heading {
  padding-bottom: var(--spacing-xl);
}

@media (max-width: 996px) {
  .article-wrapper .swp {
    padding-left: var(--spacing-2xl) !important;
    padding-right: var(--spacing-2xl) !important;
  }
}

.field-type-result-graph-hr {
  padding-bottom: calc(var(--spacing-l) + var(--spacing-3xl));
  padding-top: calc(var(--spacing-l) + var(--spacing-3xl));
}

.svg-card .inner .image,
.svg-card .inner .info .info-content .heading {
  padding-bottom: 16px;
}

.usn_cmp_splitcomponent
  .usn_pod_headingandtext:nth-child(2):nth-last-child(1)::before {
  display: none;
}

/* .has-box-shadows .slick-initialized .slick-list .slick-track .slick-slide {
  padding: var(--spacing-3xl) var(--spacing-2xl) !important;
} */

.has-box-shadows
  .slick-initialized
  .slick-list
  .slick-track
  .slick-slide:last-of-type {
  border-left: none;
}

.slick-list {
  padding-top: var(--spacing-2xl);
  margin-top: calc(-1 * var(--spacing-2xl));
  padding-bottom: var(--spacing-2xl);
  margin-bottom: calc(-1 * var(--spacing-2xl));
}

.quick-news-carousel .slick-list {
  padding: 0;
  margin: 0;
}

.has-box-shadows .slick-dotted {
  padding-top: var(--spacing-2xl);
  margin-top: calc(-1 * var(--spacing-2xl));
}
@media (min-width: 576px) and (max-width: 993px)  {
  .has-box-shadows .slick-dotted {
    margin-top: calc(-1 * var(--spacing-xl));
  }
}

.border_inner.shadow:has(.slick-track.shadow) {
  box-shadow: none !important;
}

.slick-track.shadow:has(.usn_pod_fundcard) {
  box-shadow: none !important;
}

@media (max-width: 576px) {
  .page-title-div {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl);
  }
}

.usn_cmp_quicknewslist .container:first-of-type { 
    padding-right: var(--spacing-2xl);
    padding-left: var(--spacing-2xl);
}

.fund-structure-product-chart-title {
  font-size: 1.2rem;
  color:  rgb(34, 34, 34);
  padding-bottom: var(--spacing-l);
}

.highcharts-title { 
  display: none;
}

.tab-disabled span {
    color: #9E9E9E !important;
    pointer-events: none;
    cursor: default;
}

/* Disable scroll when menu is open */
html.scrollDisabled {
  width: 100%;
  overflow: hidden;
}

.table-header-strong {
  font-weight: 700;
  font-size: 1.1em;
}