@layer base {
  :root {
    --color-blue-500: 12, 27, 54;
    --color-blue-400: 22, 34, 54;
    --color-blue-350: 34, 44, 53;
    --color-blue-300: 48, 59, 79;
    --color-blue-250: 53, 64, 83;
    --color-blue-200: 85, 116, 151;
    --color-blue-100: 118, 140, 168;
    --color-blue-50: 246, 247, 247;
    --color-navy-blue-250: 60, 73, 94;
    --color-gray-800: 31, 41, 55;
    --color-gray-500: 107, 114, 128;
    --color-gray-400: 156, 163, 175;
    --color-gray-300: 209, 213, 219;
    --color-gray-200: 223, 223, 223;
    --color-gray-150: 240, 240, 240;
    --color-gray-100: 248, 243, 233;
    --color-gray-50: 253, 250, 247;
    --color-white: 255, 255, 255;
    --color-white-200: 252, 249, 244;
    --color-green-600: 156, 179, 59;
    --color-green-500: 187, 211, 0;
    --color-red-100: 254, 240, 240;
    --color-pie-chart-1: var(--color-green-500);
    --color-pie-chart-2: var(--color-green-600);
    --color-pie-chart-3: 53, 109, 93;
    --color-pie-chart-4: 138, 189, 243;
    --color-pie-chart-5: 186, 146, 159;
    --color-pie-chart-6: 196, 184, 186;
    --color-pie-chart-7: 238, 225, 200;
    --color-pie-chart-8: 231, 231, 231;
    --color-pie-chart-9: 12, 28, 55;
    --color-pie-chart-10: var(--color-blue-350);
  }
}
/*
 Tiempos Fine and Inter now imported via sppagebuilder font book
*/
.percent-sign {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}

/* Fund cards section styling */
@media (max-width: 767px) {
  #fund-cards {
    margin: 0 -15px !important;
  }
}
@media (max-width: 575px) {
  #fund-cards {
    overflow: hidden;
  }
}
@media (max-width: 575px) {
  #fund-cards .sppb-container-inner {
    padding-right: 20px;
  }
}
#fund-cards .sppb-column-addons {
  display: flex;
  gap: 20px;
  position: relative;
}
#fund-cards .sppb-column-addons .sppb-addon-wrapper {
  flex-basis: 50%;
  max-width: 50%;
}
#fund-cards .sppb-column-addons .sppb-addon-wrapper:only-child {
  flex-basis: 100%;
  max-width: 100%;
}
@media (max-width: 991px) {
  #fund-cards .sppb-column-addons .sppb-addon-wrapper {
    flex-basis: 100%;
    max-width: 90vw;
  }
}
@media (max-width: 767px) {
  #fund-cards .sppb-column-addons .sppb-addon-wrapper:last-child {
    padding-right: 15px;
  }
  #fund-cards .sppb-column-addons .sppb-addon-wrapper:first-child {
    padding-left: 15px;
  }
}

/* Swiper styling */
.swiper-pagination {
  margin-bottom: -40px;
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: rgb(var(--color-white));
}
.swiper-pagination .swiper-pagination-bullet:focus {
  outline: none !important;
}

.swiper-slide.swiper-slide-active {
  opacity: 1;
}
@media (max-width: 991px) {
  .swiper-slide {
    opacity: 0.3;
  }
}
@media (max-width: 991px) {
  .swiper-slide:last-child {
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .swiper-slide:last-child {
    margin-right: 10px;
  }
}

/* Fund card container */
.fund-card {
  width: 100%;
  min-width: 450px;
}
@media (min-width: 1200px) {
  .fund-card.card {
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
  }
}
@media (max-width: 991px) {
  .fund-card {
    width: 80vw;
    max-width: 600px;
    padding: 10px 13px;
  }
}
@media (max-width: 767px) {
  .fund-card {
    min-width: 450px;
  }
}
@media (max-width: 575px) {
  .fund-card {
    min-width: 90vw;
  }
}
.fund-card .fund-card-header .fund-card-fund-codes {
  display: flex;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(var(--color-gray-500));
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .fund-card .fund-card-header .fund-card-fund-codes {
    margin-bottom: 10px;
  }
}
.fund-card .fund-card-header .fund-card-fund-codes span {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 5%;
  color: rgb(var(--color-gray-200));
  padding: 0px 10px;
}
.fund-card .fund-card-header .fund-card-fund-codes span.active {
  font-weight: 500;
  color: rgb(var(--color-white));
}
.fund-card .fund-card-header .fund-card-fund-codes span:last-child {
  border-left: 1px solid rgb(var(--color-gray-500));
}
.fund-card .fund-card-header .fund-card-fund-codes span:first-child {
  padding-left: 0px;
  border-left: none;
}
@media (max-width: 991px) {
  .fund-card .fund-card-header .fund-card-fund-codes span {
    font-size: 8px;
  }
}
.fund-card .fund-card-header h2 {
  font-size: 28px;
  font-weight: 500;
  color: rgb(var(--color-white));
  font-family: "Tiempos Fine", serif;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .fund-card .fund-card-header h2 {
    font-size: 21px;
    line-height: 24px;
  }
}
.fund-card .fund-card-header .fund-card-description {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
  color: rgb(var(--color-white));
  line-height: 150%;
  height: 42px;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-header .fund-card-description {
    height: 60px;
  }
}
@media (max-width: 991px) {
  .fund-card .fund-card-header .fund-card-description {
    font-size: 12px;
  }
}
.fund-card .fund-card-header .fund-card-tags {
  display: flex;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-header .fund-card-tags {
    margin-top: 10px;
  }
}
.fund-card .fund-card-performance-wrapper {
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper.card {
    box-shadow: none;
    background-color: transparent;
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper {
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    margin-top: 10px;
  }
}
.fund-card .fund-card-performance-wrapper .performance-section {
  border-bottom: 1px solid rgb(var(--color-gray-500));
  padding-bottom: 5px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper .performance-section {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .performance-section {
    margin-bottom: 10px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav {
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid rgb(var(--color-gray-500));
    border-top: 1px solid rgb(var(--color-gray-500));
  }
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav {
    padding: 2px 0;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .fund-card-recent-nav {
  font-size: 32px;
  font-weight: 300;
  font-family: "Tiempos Fine", serif;
  color: rgb(var(--color-white));
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .fund-card-recent-nav {
    font-size: 21px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .fund-card-nav-details {
  display: flex;
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .nav-change {
  font-size: 12px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  margin: 0 10px;
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .nav-change {
    font-size: 10px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .fund-card-nav-as-at {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .fund-card-nav-as-at {
    flex-direction: row;
    gap: 5px;
    align-items: center;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .fund-card-nav-as-at span {
  color: rgb(var(--color-gray-200));
  font-size: 10px;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  line-height: 12px;
  text-transform: uppercase;
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-nav .fund-card-nav-as-at .fund-card-nav-label {
  font-weight: 500;
  color: rgb(var(--color-white));
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield {
    padding: 2px 0;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield .fund-card-last-yield {
  font-size: 32px;
  font-weight: 200;
  font-family: "Tiempos Fine", serif;
  color: rgb(var(--color-white));
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield .fund-card-last-yield {
    font-size: 21px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield .fund-card-yield-label {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield .fund-card-yield-label {
    flex-direction: row;
    gap: 5px;
    align-items: center;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield .fund-card-yield-label span,
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield .fund-card-yield-label strong {
  color: rgb(var(--color-gray-200));
  font-size: 10px;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  line-height: 12px;
  text-transform: uppercase;
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield .fund-card-yield-label span strong,
.fund-card .fund-card-performance-wrapper .fund-card-performance-header .fund-card-performance-yield .fund-card-yield-label strong strong {
  font-weight: 500;
  color: rgb(var(--color-white));
}
.fund-card .fund-card-performance-wrapper .fund-card-growth .fund-card-growth-label {
  font-size: 14px;
  color: rgb(var(--color-gray-200));
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-growth .fund-card-growth-label {
    font-size: 10px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-growth .fund-card-growth-label strong {
  color: rgb(var(--color-white));
  font-weight: 500;
}
.fund-card .fund-card-performance-wrapper .fund-card-growth .fund-growth-chart {
  position: relative;
}
.fund-card .fund-card-performance-wrapper .fund-card-growth .fund-growth-chart .growth-chart-container {
  width: 100%;
  max-height: 205px;
}
.fund-card .fund-card-performance-wrapper .fund-card-growth .fund-growth-chart .highcharts-axis-labels text {
  fill: rgb(var(--color-gray-200)) !important;
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .fund-card-performance-label {
  font-size: 14px;
  color: rgb(var(--color-gray-200));
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .fund-card-performance-label {
    font-size: 10px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .fund-card-performance-label strong {
  color: rgb(var(--color-white));
  font-weight: 500;
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks {
  display: flex;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks {
    margin-bottom: 10px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks .performance-block {
  background-color: rgba(var(--color-blue-500), 0.15);
  border: 1px solid rgb(var(--color-gray-300));
  padding: 12px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin-right: 10px;
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks .performance-block:last-child {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks .performance-block {
    padding: 6px 10px;
    flex: 1;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks .performance-block .performance-block-value {
  font-size: 24px;
  font-weight: 400;
  color: rgb(var(--color-white));
  font-family: "Tiempos Fine", serif;
  line-height: 32px;
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks .performance-block .performance-block-value {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks .performance-block .performance-block-label {
  font-size: 10px;
  font-weight: 200;
  color: rgb(var(--color-white));
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-performance-blocks .performance-blocks .performance-block .performance-block-label {
    font-size: 8px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fund-card .fund-card-performance-wrapper .fund-card-footer .fund-card-disclaimer {
  font-size: 12px;
  font-weight: 400;
  color: rgb(var(--color-gray-200));
  line-height: 14px;
}
@media (max-width: 991px) {
  .fund-card .fund-card-performance-wrapper .fund-card-footer .fund-card-disclaimer {
    font-size: 8px;
  }
}
.fund-card .fund-card-performance-wrapper .fund-card-footer .fund-card-call-to-action .btn {
  padding: 6px 60px;
  border-radius: 6px;
}