/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 22 2026 | 23:55:44 */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Intel+One+Mono:ital,wght@0,300..700;1,300..700&display=swap');

@property --angle-1 {
  syntax: "<angle>";
  inherits: false;
  initial-value: -75deg;
}

@property --angle-2 {
  syntax: "<angle>";
  inherits: false;
  initial-value: -45deg;
}

/*@media (min-width: 1600px) {
    body:not(.rtl) .elementor-element {
        left: unset !important;
		top: unset !important;
    }
}*/



:root {
 /* --global--size: clamp(2rem, 4vw, 5rem);*/
  --anim--hover-time: 400ms;
  --anim--hover-ease: cubic-bezier(0.25, 1, 0.5, 1);
}

#infoFlip {
	left: 10% !important;
	top: 25% !important;

}

#dual-chart-container {
	position:relative;
	width: 100%;
	height: 80% !important;
	max-width: 100%;
	min-width: 0;
	max-height: 80% !important;
	min-height: 0;
	margin-left: 0;
	margin-right: 0;
	background-color: /*light-dark(*/rgba(230, 240, 255, 0)/*,  rgba(25, 32, 39, 1))*/ !important;
	backdrop-filter: blur(20px);
	/*box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.5);*/
	border-radius: 10px;
	aspect-ratio: 2/1 auto;
}

#dualAxisChartJS { 
	position:absolute;
  	width: 100% !important;
  	height: 100% !important;
  	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index:10;
}

.performance table, .tiaf-performance table {
font-family: "Figtree", sans-serif;
font-size: 1.1em;
color: var( --e-global-color-text );
white-space: nowrap;
}

.performance table th, .performance table td, .tiaf-performance table th, .tiaf-performance table td {
border-collapse: collapse;
border-left: none;
border-right:none;
}

.performance .col-1 {
font-family: "Figtree", Sans-serif;
font-weight: bold;
}

.performance .col-1, .performance .col-6 {
max-width: max-content;
block-size: max-content;
min-width: max-content;
}

.performance .col-2, .performance .col-3, .performance .col-4, .performance .col-5 {
max-width: fit-content;
min-width: fit-content;
}

.performance .row-1, .tiaf-performance .row-1 {
display: none;
max-height: 0px;
padding: 0;
margin: 0;
}

.performance .row-2, .tiaf-performance .row-2 {
font-family: "Figtree", Sans-serif;
font-weight: bold !important;
}

.performance td {
transform: translateX(0px);
}

.performance .col-1, tr {
text-align: right;
}

.uphead {
font-family: "Figtree", Sans-serif;
color: var( --e-global-color-text );
white-space: nowrap;
min-width: 60%;
max-width: 60%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
margin-block-end: 0;
padding-bottom: 0;
background: none;
display: block;
}

.unit-price-header {
	font-size:1.6rem;
	font-weight:600;
	color:var(--e-global-color-primary);
	margin-block-end: 0 !important;
	margin-bottom: 0 !important;
}

.unit-prices-footer {
	font-size: 9pt;
	font-style: italic;
} 

.unit_prices table {
font-family: "Figtree", Sans-serif;
font-size: 1.1em;
color: var( --e-global-color-text );
white-space: nowrap;
/*min-width: 60%;
max-width: 60%;*/
margin-left: 0;
margin-right: 0;
	align-self: center;
}

.row-1, table, thead, th {
	border: none;
	border-color: rgba(0,0,0,0);
	border-width: 0px;
}

.unit_prices table th, .unit_prices table td {
border-collapse: collapse;
border-left: none;
border-right:none;
}

.unit_prices td, .unit_prices th {
transform: translateX(0px);
min-width: 25%;
max-width: 25%;
padding-top: 4px;
padding-bottom: 4px
}

.unit_prices tr {
text-align: right;
}


.unit-hidden {
	transition: all 5s;
	opacity: 0;
	height: 0 !important;
	max-height: 0 !important;
	visibility:hidden;
	pointer-events: none;
	display: none !important;
}
.unit-visible {
	opacity: 1 !important;
	height: auto !important;
	max-height: auto !important;
	visibility: visible;
	pointer-events: auto !important;
}

.unit-prices-table-wrapper table td:nth-child(2),
.unit-prices-table-wrapper table th:nth-child(2) {
  display: none;
}

.unit_prices {
  position: relative;
}

#apply-for-membership {
  background-color: var(--e-global-color-primary) !important;
  color: #fff;
  border: none;
  border-radius: 25px;
  /*padding: 0.75em 1.5em;*/
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  font-size: 12pt;
  cursor: pointer;
  transition: background-color 0.5s, opacity 0.2s, top 0.5s, left 0.5s, filter 0.5s, scale 0.5s, color 0.5s;
  opacity: 1;
	/*min-width: 80% !important;
	max-width: 80% !important;*/
	height: auto !important;
	display: inline-flex;
  align-items: center;
  justify-content: center;
	float:right;
	filter: drop-shadow(0 4px 2px rgba(0,0,0,0.5))
	}

#apply-for-membership:hover, #apply-for-membership:focus {
  filter: brightness(1.2) drop-shadow(0 3px 2px rgba(0,0,0,1));
	scale: 0.999;
}
#apply-for-membership.hidden, #apply-for-membership::after {
	background-color: var(--e-global-color-accent) !important;
	color: black;
}

.expand-unit-prices {
  background-color: var(--e-global-color-primary) !important;
  color: #fff;
  border: none;
  border-radius: 25px;
  /*padding: 0.75em 1.5em;*/
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  font-size: 0.6rem;
  cursor: pointer;
  transition: background-color 0.5s, opacity 0.2s, top 0.5s, left 0.5s, filter 0.5s, scale 0.5s, color 0.5s;
  opacity: 1;
	/*min-width: 200px !important;
	max-width: 200px !important;*/
	height: 32px !important;
	display: inline-flex;
  align-items: center;
  justify-content: center;
	float:right;
	filter: drop-shadow(0 4px 2px rgba(0,0,0,0.5))
	}

.expand-unit-prices:hover, .expand-unit-prices:focus {
  filter: brightness(1.2) drop-shadow(0 3px 2px rgba(0,0,0,1));
	scale: 0.999;
}
.expand-unit-prices.hidden, .expand-unit-prices::after {
	background-color: var(--e-global-color-accent) !important;
	color: black;
}

.table-scroll-container {
  max-height: 70dvh;       /* Adjustable: controls vertical scroll area */
  overflow-y: auto;
  width: 100%;             /* Or a fixed width if you prefer */
  border: none; /* Optional border for clarity */
	position: relative;
}

.table-scroll-container table {
  width: 100%;
  border-collapse: collapse;
}

.table-scroll-container thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;                /* Ensures header sits above scrolling rows */
  box-shadow: 0 2px 4px rgba(0,0,0,0.03);  /* Optional visual depth */
}

.tiaftsr, .tiafcagr {
	border: none;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 600;
	font-family: "Figtree", sans-serif;
	/*letter-spacing: 5px;*/
	padding: 5px;
	color: white;
	white-space: nowrap;
	text-wrap: nowrap;
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
    width: 100%;
}

.tsr {
	border: none;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 600;
	font-family: "Figtree", sans-serif;
	/*letter-spacing: 5px;*/
	padding: 5px;
	color: white;
	white-space: nowrap;
	text-wrap: nowrap;
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
    width: 100%;
}

.cagr {
	border: none;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 600;
	font-family: "Figtree", sans-serif;
	/*letter-spacing: 5px;*/
	padding: 5px;
	color: white;
	white-space: nowrap;
	text-wrap: nowrap;
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
    width: 100%;
	min-width: 100%;
}


#tsr-value, #cagr-value {
  display: inline-block;
}

/*.as-at-date .row-2, .as-at-date .row-3, .as-at-date .row-4, .as-at-date .col-2, .as-at-date .col-3, .as-at-date .col-4, .as-at-date .col-5, .as-at-date .col-6 {
	display: none;
	visibility: hidden;
	scale: 0;
	max-width: 0 !important;
	padding: 0;
	margin: 0;
}

.as-at-date .row-1, .as-at-date table, .as-at-date tr, .as-at-date thead, .as-at-date tr, .as-at-date th {
	max-width: 0 !important;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	display: inline-table;
}

.as-at-date .row-1 .col-1 {
	border: none;
	text-align: left;
	font-size: 0.875vw;
	line-height: 1.5;
	font-weight: 400;
	font-family: "Figtree", sans-serif;
	padding: 0px;
	display: inline-table;
    margin: 0;
    max-width: fit-content;
}*/

.as-at-date {
	border: none;
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	font-family: "Figtree", sans-serif;
	padding: 0px;
	white-space: nowrap;
	text-wrap: nowrap;
	display: inline-flex;
	align-items: flex-start;
	/*justify-content: center;*/
    width: 100%;
	min-width: 100%;
}

.net-of-fees {
	font-size:0.5vw;
	line-height: 1;
	display: block;
	color:white;
	text-align:center;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
    width: 100%;
}


.inception-date {
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 500;
	font-family: "Figtree", sans-serif;
	letter-spacing: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
	display: block;
    margin-top: 0;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	/*letter-spacing: 5px;*/
}

/*.as-at-date2 .row-2, .as-at-date2 .row-3, .as-at-date2 .row-4, .as-at-date2 .col-2, .as-at-date2 .col-3, .as-at-date2 .col-4, .as-at-date2 .col-5, .as-at-date2 .col-6, .as-at-date2 tbody {
	display: none;
	visibility: hidden;
	scale: 0;
	max-width: 0 !important;
	padding: 0;
	margin: 0;
}

.as-at-date2 .row-1, .as-at-date2 table, .as-at-date2 tr, .as-at-date2 thead, .as-at-date2 tr, .as-at-date2 th {
	max-width: 0 !important;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	display: inline-table !important;
	width: unset !important;
}

.as-at-date2 .row-1 .col-1 {
	border: none;
	text-align: left;
	font-family: "Figtree", sans-serif;
	padding: 0px;
	display: inline-table !important;
    margin: 0;
    max-width: 0;
}

.as-at-date2 {
	border: none;
	text-align: left;
	font-family: "Figtree", sans-serif;
	padding: 0px;
	display: inline-table !important;
}

.as-at-date2 th {
	font-weight: normal;
}

.as-at-date3, .as-at-date2 {
  border-collapse: collapse !important;
}
.as-at-date3, .as-at-date2,
.as-at-date3 tr, .as-at-date2 tr,
.as-at-date3 td, .as-at-date2 td,
.as-at-date3 th, .as-at-date2 th,
.as-at-date3 tbody,  .as-at-date2 tbody,
.as-at-date3 thead, .as-at-date2 thead,
.as-at-date3 table, .as-at-date2 table {
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  vertical-align: baseline !important;
  font: inherit !important;
}*/

.perf-date {
	font-size: 1.6em;
	color: var(--e-global-color-primary);
	font-family: "Figtree", sans-serif;
	font-weight: 600;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	text-wrap: nowrap;
	display: inline-flex;
	align-items: flex-start;
	/*justify-content: center;*/
    width: 100%;
	min-width: 100%;
}

.chart-explanation-headings {
	font-family: "Figtree", Sans-serif;
  	font-size: 10pt;
  	font-weight: 600;
	color: var( --e-global-color-primary );
	transition: all 0.5s
}

.chart-explanation-headings:hover {
	color: var( --e-global-color-accent );
}


.chart-explanations {
	font-family: "Figtree", Sans-serif;
  	font-size: 8pt;
  	font-weight: normal;
	color: black;
	text-align: justify;
}

#flipcard {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    width: 300px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.card {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 600ms;
    transition: all 600ms;
    z-index: 20;
}

    .card div {
        position: absolute;
        height: 100%;
        width: 100%;
        background: #FFF;
        text-align: center;
        line-height: 200px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 2px;
    }

    .card .back {
        background: #222;
        color: #FFF;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

#flipcard:hover .card {
    -webkit-transform: rotateX(20deg);
    transform: rotateX(20deg);
    box-shadow: 0 20px 20px rgba(50,50,50,.2);
}


:active + .card {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

#flipcard:hover :active + .card {
    transform: rotateX(160deg);
    -webkit-transform: rotateX(160deg);
    box-shadow: 0 20px 20px rgba(255,255,255,.2);
}

/*.icomoon-info {
	
}

.icomoon-info:after		{
	z-index: 1;
	animation: radarAnimation 2s infinite 2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-animation: radarAnimation 2s infinite 2s cubic-bezier(0.25, 1, 0.5, 1);
}

.icomoon-info:before	{
	z-index: 2;
	animation: radarAnimation 2s infinite cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-animation: radarAnimation 2s infinite cubic-bezier(0.25, 1, 0.5, 1);
}*/

@keyframes radarAnimation	{
	0%		{
		opacity:0;
		transform:scale(0.25);
		filter:drop-shadow(2px 2px 1px rgba(0,0,0,0.5));
	}
	5%		{
		opacity:0;
		transform:scale(0.25);
		filter:drop-shadow(2px 2px 1px rgba(0,0,0,0.5));
	}
	40%		{
		opacity: 1;
	}
	60%		{
		opacity: 1;
	}
	95%	{
		opacity:0;
		transform:scale(1);
		filter:drop-shadow(4px 4px 4px rgba(0,0,0,0.25));		
	}
	100%	{
		opacity:0;
		transform:scale(1);
		filter:drop-shadow(4px 4px 4px rgba(0,0,0,0.25));		
	}
}

@-webkit-keyframes radarAnimation	{
	0%		{
		opacity:0;
		-webkit-transform:scale(0.25);
		filter:drop-shadow(2px 2px 1px rgba(0,0,0,0.5));
	}
	5%		{
		opacity:0;
		-webkit-transform:scale(0.25);
		filter:drop-shadow(2px 2px 1px rgba(0,0,0,0.5));
	}
	40%		{
		opacity: 1;
	}
	60%		{
		opacity: 1;
	}
	95%	{
		opacity:0;
		-webkit-transform:scale(1);
		filter:drop-shadow(4px 4px 4px rgba(0,0,0,0.25));	
	}
	100%	{
		opacity:0;
		-webkit-transform:scale(1);
		filter:drop-shadow(4px 4px 4px rgba(0,0,0,0.25));	
	}
}

.eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image	{
	animation: radarAnimation 1.25s infinite /*1.25s cubic-bezier(0.25, 1, 0.5, 1)*/;
	-webkit-animation: radarAnimation 1.25s infinite /*1.25s cubic-bezier(0.25, 1, 0.5, 1)*/;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.headerApplyButton{
	position: relative;
 	display: inline-block;
}

.loginButton {
	background-color: #FFFFFF1F;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
  	left: 0;
	margin-right:-2px;
}
	
.applyButton {
	background-color: var(--e-global-color-accent);
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-left:-2px;
  	right: 0;
}

#dropdown-hover-pad {
  pointer-events: auto !important;
	z-index: 10000;
}


.loginButton, .applyButton {
	color: white;
  	backdrop-filter: blur(12px) brightness(1.2);
  	min-width: 110px;
	max-width: 110px;
	max-height: 48px;
	min-height: 48px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2),
		inset 0 0 0 2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent),
		inset 2px 1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent),
		inset -1.5px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent),
		inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent),
		inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
		inset 0px -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent),
		0px 3px 6px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent) !important;
 	z-index: 2;
  	top: 100%;
	font-weight: 600;
	text-align: center;
	border: none;
	position: relative;
}

.loginButton:hover {
	background-color: var(--e-global-color-accent);
    color: var(--e-global-color-4c93d31);
    box-shadow: 0px -5px 20px -5px rgba(255, 255, 255, 0.5) inset;
	color: var(--e-global-color-primary);
	scale: 0.95;
	transform: translatex(4px) translatey(-1px);
}

.loginButton:focus {
	background-color: var(--e-global-color-primary);
		color: white;
	filter: brightness(0.75);
	scale: 0.95;
	transform: translatex(4px) translatey(-1px);
	}

/*button.loginButton, button.applyButton {
	border: none;
}*/

.dropdown-content {
   position: fixed;
	top: 100%;
  left: 0;
  background-color: #FFFFFF1F;
  /*backdrop-filter: blur(12px) brightness(0.5);*/
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2),
	   inset 0 0 0 1px rgba(0,0,0,0.25),
	   inset 0 0 0 2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0px -1px 
 color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0px -1px 
 color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px 
 color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px 
 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px -4px 1px -2px 
 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 3px 6px 0px 
 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent) !important;
  z-index: 10002 !important;
  	border-radius: 20px;
	  min-width: 220px;
	max-width: 220px;
	transform: translateY(-10px);
	pointer-events: none;
	opacity: 0;
  transition: all 0.5s ease;
}

.elementor-nav-menu--dropdown {
   background: linear-gradient(180deg, rgba(75, 153, 231, 0.333) 0%, rgba(12, 49, 86, 0.333) 6%, rgba(9, 38, 67, 0.333) 94%, rgba(10, 10, 15, 0.333) 100%) !important;
  backdrop-filter: blur(12px);
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2),
	   inset 0 0 0 1px rgba(0,0,0,0.25),
	   inset 0 0 0 2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0px -1px 
 color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0px -1px 
 color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px 
 color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px 
 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px -4px 1px -2px 
 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 3px 6px 0px 
 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent) !important;
  z-index: 10002 !important;
  border-radius: 20px;
  transition: all 0.5s ease;
}

.elementor-sub-item {
	text-shadow: 0.5px 0.5px 1px black !important;
}

#login-blur-bg {
  position: fixed;
  z-index: 10001 !important;
  width: 220px;
  border-radius: 20px;
  backdrop-filter: blur(8px);
	background: linear-gradient(180deg, rgba(75, 153, 231, 0.333) 0%, rgba(12, 49, 86, 0.333) 6%, rgba(9, 38, 67, 0.333) 94%, rgba(10, 10, 15, 0.333) 100%);
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
}

.dropdown-content.show {
  display: block !important;
  opacity: 1;
  transform: translateY(0);
	z-index: 12000;
}

.dropdown-content a {
  margin: 4px;
  padding: 12px 10px;
  text-decoration: none;
  display: block;
	font-weight: 600;
	color: white;
	z-index: 20000;
	position: relative;
	text-shadow: 0.5px 0.5px 1px black;
	}

.dropdown-content a:hover {
  box-shadow: inset 0 0 0 1px rgba(212, 147, 29, 1);
	border-radius: 20px;
	color: var(--e-global-color-accent);
	}


.applyButton:hover {
	background-color: #FFFFFF1F;
    color: white;
	color: var(--e-global-color-primary);
	scale: 0.95;
	transform: translatex(-4px) translatey(-1px);
}

a.applyButtonLink {
	color: white;
	}

a.applyButtonLink:hover {
	color:white;
}

#top-header-menu {
	backdrop-filter: blur(8px) brightness(0.75);
	background-color: rgba(12, 49, 86, 0.5)
}

.performance-table {
	overflow: auto;
	max-width: 98dvw;
}