:root {

	--bs-gutter-x: 2rem;
	--base-scale:calc(100vw / 75);
	--h1-font-size:clamp(1.5rem, 3vw + 1rem, 3rem);
	--bodyFontSize:1.1rem;
}

@font-face {
	font-family: 'Ploni DL AAA';
	src: url("font/ploni-regular-aaa-webfont.woff2") format("woff2"),
	url("font/ploni-regular-aaa-webfont.woff") format("woff");
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Ploni DL AAA';
	src: url("font/ploni-medium-aaa-webfont.woff2") format("woff2"),
	url("font/ploni-medium-aaa-webfont.woff") format("woff");
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Ploni DL AAA';
	src: url("font/ploni-bold-aaa-webfont.woff2") format("woff2"),
	url("font/ploni-bold-aaa-webfont.woff") format("woff");
	font-weight: 700;
	font-display: swap;
}

body {
	    font-family: "Ploni DL AAA", sans-serif;

	font-size: var(--bodyFontSize);
	font-weight: 300;
	color: var(--text-color);
}

a { text-decoration: none;}
brand-color {
color:var(--brand-color)
}
.rounded {border-radius: 1rem!important; }

.button {
	position: relative;
	display: inline-block;
	padding-block: 15px;
	padding-inline: 2rem;
	border-radius: 3rem;
	border: 0 none;
	margin-bottom: 15px;
	background: var(--brand-color);
	text-align: center;
	color: white; 
	-webkit-box-shadow:  3px 3px 6px -5px rgba(0,0,0,0.5); 
	box-shadow:  3px 4px 20px -10px rgba(0,0,0,0.5);
}



.button-black {
background:black;
color:white;
}

.bg_brand-color {
background:var(--brand-color)
}


.bg_dark-brand-color {
background:var(--dark-brand-color);
	color:white;
}

.bg_light-brand-color {
background:var(--light-brand-color)
}

.bg_light-brand-color .button { background: black; color: white;}

.bg_brand-color-d {
background:var(--brand-color-d);
}

.bg_brand-color-e {
background:var(--brand-color-e);
}
.bg_brand-color-e > *:not(input):not(select):not(.text-brand-color-e) {
	color: white;
}

.bg_brand-color-e .bg_white > * {
	color:var(--brand-color-e)!important;
}

.bg_brand-color-e .button {
	color: var(--brand-color-e);
}

.bg_brand-color-e input { color: var(--brand-color-e); }
.bg_brand-color-e .button {background-color: var(--light-brand-color)!important; color: var(--brand-color-e); }
.bg_brand-color-e .button:hover  {background-color: var(--dark-brand-color)!important; color: var(--brand-color-e); }


.bg_brand-color-f {
background:var(--brand-color-f)
}

.text-brand-color, .brand-color {
color:var(--brand-color)
}
.text-light-brand-color {
color:var(--light-brand-color)
}
.text-dark-brand-color {
color:var(--dark-brand-color)
}
.text-brand-color-d {
color:var(--brand-color-d)
}
.text-brand-color-e {
color:var(--brand-color-e)
}
.text-brand-color-f {
color:var(--brand-color-f)
}



.bg_light-grey {
background:var(--light-grey);
color:#000
}

.bg_white {
background:white;
color:var(--bs-body-color);

}

.text-white * {
color:#fff
}

.text-black *, .text-black {
color:var(--bs-body-color);
}
		.white_page_title, .white_page_content {background: white; }


#header.sticky-header + #content {padding-top: var(--header-height)!important; }/* good when not fixed header */
#header + #content {padding-top: var(--header-height)!important;}

#header.transparent-header {background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(2,0,36,0.6) 100%);}

h1 {font-size: var(--h1-font-size)!important}

h2 {font-size: calc(0.8 * var(--h1-font-size))!important}

.text-logo  h1{ font-size:calc(0.8 * var(--h1-font-size))!important; }

.lh-1 {
line-height:1
}

.adviser-wrapper {  text-align: center;   min-height: calc(100dvh - (2 * var(--header-height)));}

.container {margin-inline:auto; }
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}
.d-flex {display: flex;}
.text-center { text-align: center;}

.d-none { display: none;}
.h100 {height: 100%;}
.w100 { width: 100%;}
.fs80 {font-size: 80%;}
.fs90 {font-size: 90%;}
.fs100 {font-size: 100%;}
.fs120 {font-size: 120%;}
.fs140 {font-size: 140%!important;}
.fs160 {font-size: 160%;}
.fs180 {font-size: 180%;}
.fs200 {font-size: 200%!important;}


.fw800, .bold, strong, .strong { font-weight: 700;}

.fw700 { font-weight: 700;}

.text-shadow {
text-shadow:1px 1px 0 #000 3px 3px 5px #000
}

.even_odd:nth-child(odd) {background: #efefef; }

#logo img {width: 100%; height: auto;}

.scalein,
polygon,
#header,
#header.sticky-header,
#logo_position img
 {
-webkit-transition:all .2s ease;
-o-transition:all .2s ease;
transition:all .2s ease;
}

#header {height:var(--header-height);
position:relative;z-index:199;-webkit-backface-visibility: hidden;
}
.header_container {height:100%}
#header {position:fixed;top:0;left:0;width:100%;}
#header.sticky-header{height:var(--sticky-header-height);}

.p-relative { position: relative;}
.p-absolute { position: absolute; top: 0; right: 0;}

#header #logo_position {
	min-width: 200px;
	display: flex;
}

#header #logo_position img {
	width: auto;  position: absolute;max-width: 100%; }


#header.logoStandard {opacity: 1;  }
#header.sticky-header .logoStandard {opacity: 0;  }

#header .logo-sticky {opacity: 0;}
#header.sticky-header .logo-sticky  {opacity: 1;}




.shadow {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1)!important;
}
            

.scalein {
-webkit-transform:scale(1);
transform:scale(1)
}

.scalein:hover {
-webkit-transform:scale(1.01);
transform:scale(1.01)
}

[class^="icon-"]:before, [class*=" icon-"]:before, [class*=" icon-"] svg {
  font-style: normal;
	width: 24px; height: 24px;
}



.blink:target {
animation-name:blink;
animation-direction:normal;
animation-duration:.9s;
animation-iteration-count:2;
animation-timing-function:ease;
}

@keyframes blink {
0% {
background:rgba(228,107,59,1);
}

100% {
background:rgba(228,107,59,0);
	}
}

#copyrights  {background:rgba(0,0,0,0.1)}

.statement_menu li:not(:last-child)::after {
content:'/';
padding:0 4px;
opacity:.5
}

/* accessibility helpers */
.accessibility {position:absolute;left:-99999px;height:10px;width:10px}


.skip_helpers a {position:absolute;left:-99999px;top:30px}

.skip_helpers {position:absolute;left:0;top:0;width:100%;text-align:center;list-style:outside none}

.skip_helpers li {list-style-type:none}
.skip_helpers a:focus,.skip_helpers a:active {position:relative;
left:0;
z-index:9999;
width:75%;
height:auto;
margin:0 auto;
padding:30px 45px;
text-align:center;
text-decoration:none;
font:bold 50px Arial,Freesans,sans-serif!important;
color:black;
background: white;
}

/*end skip helpers*/




@media (max-width: 991px) {
.footer_logo {
max-width:100%;
height:100%
}

}


@media (max-width: 575px) {

	.text-logo  h1{ font-size:calc(0.6 * var(--h1-font-size))!important; text-align: center;}

}

@media print {
	h1 {font-size: 30px!important;}
	#print_logo { display: block!important;margin-top: 50px;}
	#header + #content {padding: 0!important;}
}



/* gauge */
 .gauge-container {
/*
            width: 300px; 
            height: 300px;
*/
            position: relative;

	 display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px; /* General padding */
            box-sizing: border-box; /* Include padding in width/height */
        }

        .gauge-title {
            font-size: 1.5em;
            color: #333;
            margin-bottom: 20px; /* Space from chart */
            font-weight: 600;
            text-align: center;
        }

        .gauge-svg {
            display: block;
            width: 100%;
            height: auto;
            flex-grow: 1; 
            overflow: visible; 
        }

        .gauge-track {
            fill: none;
            stroke: #e0e0e0; 
            stroke-width: 25; 
        }

        .gauge-fill {
            fill: none;
            stroke: var(--brand-color); 
            stroke-width: 25px;
            transform: rotate(-90deg);
            transform-origin: 100px 100px; 
            transition: stroke-dashoffset 1s ease-out; 
        }

        .gauge-value-text, .linear-gauge-value-text {
            font-size: calc(var(--bodyFontSize) * 1.5);
            font-weight: bold;
            fill: #888;
			color: #888;
            text-anchor: middle; /* Center text horizontally */
            dominant-baseline: central; /* Center text vertically */
        }

  

        .tick-label {
            font-size: 0.7em;
            fill: #888;
            text-anchor: middle;
            dominant-baseline: middle;
        }


        /* --- Linear Gauge Specific Styles --- */
        .linear-gauge-container {
            width: 400px; 
            height: 200px; 
            display: flex;
            flex-direction: column;
            justify-content: space-around; /* Distribute content vertically */
            align-items: center;
            box-sizing: border-box;
        }

        .linear-gauge-title {
            font-size: 1.5em;
            color: #333;
            margin-bottom: 15px;
            font-weight: 600;
            text-align: center;
        }

        .linear-gauge-track {
            width: 90%; /* Width of the track relative to container */
            height: 20px; /* Height of the track */
            position: relative;
			background-color:#e0e0e0;
/*            overflow: hidden; */
        }

        .linear-gauge-fill {
            height: 100%;
            width: 0%; 
            background-color: var(--brand-color); 
			
            transition: width 1s ease-out;
        }

        .linear-gauge-labels {
            width: 90%;
            display: flex;
            justify-content: space-between; 
            margin-top: 10px;
            position: relative; /* For accurate positioning */
        }

        .linear-gauge-label-item {
            font-size: 0.8em;
            color: #666;
            text-align: center;
            position: absolute; /* Position accurately */
            transform: translateX(-50%); /* Center horizontally */
        }

  

        /* Responsive adjustments */
        @media (max-width: 768px) {
            body {
                gap: 20px;
            }
            .gauge-container {
                width: 90%; /* Take up more width on smaller screens */
                height: auto;
                padding: 15px;
            }
            .gauge-title {
                font-size: 1.3em;
            }
            .gauge-value-text {
                font-size: 2em;
            }
            .tick-label {
                font-size: 0.65em;
            }
            .linear-gauge-container {
                width: 90%;
                height: auto; /* Allow height to adjust */
                padding: 15px;
            }
            .linear-gauge-title {
                font-size: 1.2em;
            }
            .linear-gauge-value-text {
                font-size: 1.5em;
            }
            .linear-gauge-label-item {
                font-size: 0.7em;
            }
        }