.elementor-57321 .elementor-element.elementor-element-41ea32f7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-57321 .elementor-element.elementor-element-41ea32f7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afdf2e3 );}.elementor-57321 .elementor-element.elementor-element-41ea32f7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-57321 .elementor-element.elementor-element-41ea32f7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-57321 .elementor-element.elementor-element-f7a036b{width:initial;max-width:initial;top:24px;}body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-f7a036b{left:20px;}body.rtl .elementor-57321 .elementor-element.elementor-element-f7a036b{right:20px;}.ee-tooltip.ee-tooltip-f7a036b.to--top,
							 .ee-tooltip.ee-tooltip-f7a036b.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-f7a036b.to--left,
							 .ee-tooltip.ee-tooltip-f7a036b.to--right{margin-top:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-57321 .elementor-element.elementor-element-77d23e9b{width:initial;max-width:initial;top:0px;}body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-77d23e9b{right:60px;}body.rtl .elementor-57321 .elementor-element.elementor-element-77d23e9b{left:60px;}.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu .elementor-item{font-family:"proxima-nova", Sans-serif;font-weight:600;}.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-57321 .elementor-element.elementor-element-77d23e9b .e--pointer-framed .elementor-item:before,
					.elementor-57321 .elementor-element.elementor-element-77d23e9b .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-57321 .elementor-element.elementor-element-3abff5be > .elementor-widget-container{margin:0px 0px -40px 0px;}.ee-tooltip.ee-tooltip-3abff5be.to--top,
							 .ee-tooltip.ee-tooltip-3abff5be.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-3abff5be.to--left,
							 .ee-tooltip.ee-tooltip-3abff5be.to--right{margin-top:0px;}.elementor-57321 .elementor-element.elementor-element-3abff5be img{width:100%;height:200px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-57321 .elementor-element.elementor-element-741040cb{width:initial;max-width:initial;top:70px;}body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-741040cb{left:183px;}body.rtl .elementor-57321 .elementor-element.elementor-element-741040cb{right:183px;}.elementor-57321 .elementor-element.elementor-element-741040cb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-menu-toggle{margin-left:auto;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu .elementor-item{font-family:"proxima-nova", Sans-serif;font-size:19px;font-weight:400;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-43825424 );}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-15f04079 );}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .e--pointer-framed .elementor-item:before,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-15f04079 );}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-43825424 );}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-15f04079 );}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-15f04079 );}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a, .elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown{background-color:#EFF2F4;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a:hover,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a:focus,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a.highlighted,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-menu-toggle:hover,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-menu-toggle:focus{color:var( --e-global-color-a19d114 );}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a:hover,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a:focus,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-949b50d );}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown .elementor-item, .elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"proxima-nova", Sans-serif;font-size:18px;font-weight:400;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown a{padding-left:100px;padding-right:100px;padding-top:13px;padding-bottom:13px;}.elementor-57321 .elementor-element.elementor-element-1fe84c7b .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#ADADAD;border-bottom-width:1px;}.elementor-57321 .elementor-element.elementor-element-6661991{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-57321 .elementor-element.elementor-element-8e9489a{text-align:center;font-family:"proxima-nova", Sans-serif;font-weight:400;color:#000000;}.elementor-57321 .elementor-element.elementor-element-e3020b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-57321 .elementor-element.elementor-element-5eb2d4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-57321 .elementor-element.elementor-element-6c80428 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-57321 .elementor-element.elementor-element-56bb818{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-57321 .elementor-element.elementor-element-1c8e207{text-align:left;font-family:"proxima-nova", Sans-serif;font-weight:400;color:#000000;}.elementor-57321 .elementor-element.elementor-element-b6c4ad6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1366px){body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-741040cb{left:190px;}body.rtl .elementor-57321 .elementor-element.elementor-element-741040cb{right:190px;}.elementor-57321 .elementor-element.elementor-element-741040cb{top:70px;}}@media(max-width:1200px){body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-741040cb{left:189px;}body.rtl .elementor-57321 .elementor-element.elementor-element-741040cb{right:189px;}.elementor-57321 .elementor-element.elementor-element-741040cb{top:65px;}}@media(max-width:993px){body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-f7a036b{left:12px;}body.rtl .elementor-57321 .elementor-element.elementor-element-f7a036b{right:12px;}body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-77d23e9b{right:0px;}body.rtl .elementor-57321 .elementor-element.elementor-element-77d23e9b{left:0px;}.elementor-57321 .elementor-element.elementor-element-3abff5be > .elementor-widget-container{margin:0px 0px -40px 0px;padding:0px 0px 0px 0px;}.elementor-57321 .elementor-element.elementor-element-3abff5be img{max-width:100%;height:200px;}body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-741040cb{left:174px;}body.rtl .elementor-57321 .elementor-element.elementor-element-741040cb{right:174px;}.elementor-57321 .elementor-element.elementor-element-741040cb{top:73px;text-align:left;}}@media(max-width:767px){.elementor-57321 .elementor-element.elementor-element-f7a036b{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;top:19px;}body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-f7a036b{left:11.989px;}body.rtl .elementor-57321 .elementor-element.elementor-element-f7a036b{right:11.989px;}.elementor-57321 .elementor-element.elementor-element-77d23e9b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-77d23e9b{right:0px;}body.rtl .elementor-57321 .elementor-element.elementor-element-77d23e9b{left:0px;}.elementor-57321 .elementor-element.elementor-element-77d23e9b{top:0px;}.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-57321 .elementor-element.elementor-element-77d23e9b .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}.elementor-57321 .elementor-element.elementor-element-3abff5be > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-57321 .elementor-element.elementor-element-3abff5be img{height:120px;}body:not(.rtl) .elementor-57321 .elementor-element.elementor-element-741040cb{left:103px;}body.rtl .elementor-57321 .elementor-element.elementor-element-741040cb{right:103px;}.elementor-57321 .elementor-element.elementor-element-741040cb{top:41px;}.elementor-57321 .elementor-element.elementor-element-741040cb .elementor-heading-title{font-size:20px;}}/* Start custom CSS for image, class: .elementor-element-3abff5be */a:focus, a:hover {
  text-decoration: none  !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-1fe84c7b */.elementor-menu-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0 solid;
  border-radius: 3px;
  color: #33373d;
  cursor: pointer;
  display: flex;
  font-size: var(--nav-menu-icon-size,22px);
  justify-content: center;
  padding: .25em;
    position: relative !important;
    top: 5px !important;
}

.menu-item .menu-item-type-post_type {
    color:black !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c8e207 */#OverviewID{
    max-width:900px;
    margin-right:auto;
    margin-left:auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-724849c */html,
body {
	width: 100%;
	margin: auto;
	font-family: "proxima-nova", Sans-serif;
	overflow-x: hidden;
}

/*
#toggleButton {
  position: fixed;
  right: -8px;
  z-index: 999;
  top: 200px;
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}
*/
@keyframes ripple-effect {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 85, 1, 0.7);
	}
	70% {
		box-shadow: 0 0 0 15px rgba(255, 85, 1, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 85, 1, 0);
	}
}

@keyframes rippleEffect {
  0% {
    transform: translate(50%, 0) scale(1);
    transform-origin: center;
    box-shadow: 0 0 0 0 rgba(255, 85, 1, 0.6);
  }
  50% {
    transform: translate(50%, 0) scale(1.15);
    transform-origin: center; /* Ensures it grows outward evenly */
    box-shadow: 0 0 15px 10px rgba(255, 85, 1, 0.4);
  }
  100% {
    transform: translate(50%, 0) scale(1);
    transform-origin: center;
    box-shadow: 0 0 0 0 rgba(255, 85, 1, 0);
  }
}



.ripple {
  animation: rippleEffect 1.2s ease-out;
}


#toggleButton.scrolled:hover img {
  /*filter: brightness(0) saturate(100%) invert(40%) sepia(86%) saturate(580%) hue-rotate(360deg) brightness(103%) contrast(104%);*/
}


#toggleButton {
  background-color: #FF5501;
  border: none;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  outline: 3px solid white;
  outline-offset: -5px;
  white-space: nowrap;
  gap: 8px;
  color: white;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 20px;
  position: absolute;
  z-index: 999;
         right: 50%;
    transform: translate(50%, 0);
    width:300px;
}

#toggleButton img {
  width: 50px;
  object-fit: contain;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
}

#toggleButton.scroll img {
  width: 40px !important;
  height: 40px !important;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
}

#toggleButton.scrolled {

  right: 15px;
    width: 60px !important;
    height: 60px !important;
    padding: 0;
    z-index: 999;
    top: 90px;
    transform: none;
    position: fixed !important;
}

#toggleButton.scrolled #toggleText {
  display: none;
}

#toggleButton.scrolled img {
  width: 50px !important;
  padding:5px;
}

#toggleButton:hover {
  background-color: #fff;
    outline: 3px solid #FF5501;
  color: #FF5501 !important;
}

@media only screen and (max-width: 675px) {
    #toggleButton:hover {
      background-color: #FF5501 !important;
        outline: 3px solid white !important;
      color: white !important;
    }
}



/* Keyframe animation for bouncing in */
@keyframes bounce-in {
	0% {
		transform: translateY(50px) scale(0.6);
		/* Start off-screen */
		opacity: 0;
		/* Hidden */
	}

	50% {
		transform: translateY(-20px) scale(1.2);
		/* Bounce up and overshoot */
		opacity: 1;
		/* Visible */
	}

	70% {
		transform: translateY(10px) scale(0.9);
		/* Slight bounce back */
	}

	100% {
		transform: translateY(0) scale(1);
		/* Settle in final position */
		opacity: 1;
		/* Fully visible */
	}
}

/* Keyframe animation for bouncing in */
@keyframes bounce-in {
	0% {
		transform: translateY(50px) scale(0.6);
		/* Start off-screen */
		opacity: 0;
	}

	50% {
		transform: translateY(-20px) scale(1.2);
		/* Bounce effect */
		opacity: 1;
	}

	70% {
		transform: translateY(10px) scale(0.9);
		/* Slight bounce back */
	}

	100% {
		transform: translateY(0) scale(1);
		/* Final position */
	}
}


.container {
	display: grid;
	grid-template-columns: 1fr;
grid-template-rows: auto auto 1300px 1400px !important;
	grid-auto-columns: 1fr;
	max-width: 900px;
	margin-right: auto;
	margin-left:auto;
	gap: 50px 10px;
	grid-auto-flow: row;
	grid-template-areas:
		"chart1"
		"chart5"
		"chart3"
		"chart4";
}

/* animtation */
.container {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	gap: 50px 10px;
}

.chart {
	opacity: 0; /* Initially hidden */
	transform: translateY(50px); /* Start 50px below the normal position */
	transition: opacity 0.6s ease-out, transform 0.6s ease-out; /* Animate both opacity and position */
}

.chart.visible {
	opacity: 1; /* Fade in */
	transform: translateY(0); /* Move up to the original position */
}

.innerContainer {
	background-color: white; /* Just a styling example for inner container */
	padding: 20px;
	border-radius: 10px;
}




.chart1 {
	grid-area: chart1;
}

.chart2 {
	grid-area: chart2;
}

.chart3 {
	grid-area: chart3;
}

.chart4 {
	grid-area: chart4;
}

.chart5 {
	grid-area: chart5;
}

.innerContainer {
	display: grid;
	grid-template-columns: 60% 40%;
	grid-template-rows: 60px auto;
	grid-auto-columns: 1fr;
	gap: 10px 10px;
	grid-auto-flow: row;
	grid-template-areas:
		"title1 title1"
		"c1 s1";
}

.title1 {
	grid-area: title1;
}

.c1 {
	grid-area: c1;
}

.s1 {
	grid-area: s1;
	text-align: center;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.title1 h1 {
	text-align: center;
}

.table {
	display: none;
}

.innerContainer2 {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 50px auto;
	grid-auto-columns: 1fr;
	gap: 10px 10px;
	grid-auto-flow: row;
	grid-template-areas:
		"title2"
		"c2"
		"s2";
}

.c2 {
	grid-area: c2;
}

.title2 {
	grid-area: title2;
}

.s2 {
	grid-area: s2;
}

.title2 h1 {
	text-align: center;
}

.innerContainer3 {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 120px auto;
	grid-auto-columns: 1fr;
	gap: 10px 10px;
	grid-auto-flow: row;
	grid-template-areas:
		"title3"
		"c3"
		"s3";
}

.c3 {
	grid-area: c3;
}

.title3 {
	grid-area: title3;
}

.s3 {
	grid-area: s3;
}

.title3 h1 {
	text-align: center;
}

#mobile-treemap {
	display: none;
}

.screenreaderMode {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.h2Titles {
	font-size: 24px !important;
}

img {

}

.parent_stat1 b,
.parent_stat2 b,
.parent_stat3 b,
.parent_stat_mobile b {
	color: #0F4D81;
}

.icons img {
	width: 250px;
}

.parent_stat3 {
	display: flex;
	align-items: center;
}

.title1 h1 {
	line-height: 1.2;
}

.title2 h1 {
	line-height: 1.2;
	font-size: 32px;
}

.title3 h1 {
	line-height: 1.2;
}


.table h1 {
	font-size: 30px !important;
}


@media only screen and (max-width: 1100px) {
	.icons img {
		width: 200px;
	}

	.parent_stat1, .s1 p{
		font-size: 18px;
	}

	.parent_stat2,
	.parent_stat3 {
		font-size: 18px;
	}

	.container {
		gap: 20px 10px;
	}

	.title1 h1 {
		font-size: 30px !important;
	}

	.title2 h1 {
		font-size: 30px !important;
	}

	.title3 h1 {
		font-size: 28px !important;
	}

	.h2Titles {
		font-size: 18px !important;
	}

}

@media only screen and (max-width: 767px) {
	.innerContainer {
		margin-top: 20px;
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-columns: 1fr;
		grid-template-rows: 70px auto auto;
		gap: 10px 10px;
		grid-template-areas:
			"title1"
			"c1"
			"s1";
	}

	.innerContainer2 {
		margin-top: 20px;
		grid-template-rows: 100px auto;
	}

	.innerContainer3 {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 70px auto;
		grid-auto-columns: 1fr;
		gap: 10px 10px;
		grid-auto-flow: row;
		grid-template-areas:
			"title3"
			"c3"
			"s3";
	}

	#desktop-treemap {
		display: none;
	}

	#mobile-treemap {
		display: block;
		padding: 10px;
	}

	.icons {
		display: none;
	}
}

@media only screen and (max-width: 675px) {
	.title2 h1 {
		font-size: 24px !important;
	}

	.parent_stat_mobile {
font-size: 18px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
	}
}

@media only screen and (max-width: 570px) {
	.title1 h1 {
		font-size: 20px !important;
	}

	.title2 h1 {
		font-size: 20px !important;
	}

	.title3 h1 {
		font-size: 20px !important;
	}

	.table h1 {
		font-size: 20px !important;
	}

	.container {
		gap: 0px 0px;
	}

	.innerContainer {
		margin-top: 20px;
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-columns: 1fr;
		grid-template-rows: 40px auto auto;
		gap: 10px 10px;
		grid-template-areas:
			"title1"
			"c1"
			"s1";
	}

	.innerContainer2 {
		margin-top: 20px;
		grid-template-rows: 40px auto;
	}

	.innerContainer3 {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 80px auto;
		grid-auto-columns: 1fr;
		gap: 10px 10px;
		grid-auto-flow: row;
		grid-template-areas:
			"title3"
			"c3"
			"s3";
	}

	.parent_stat_mobile {
		font-size: 18px;
		margin: auto;
		max-width: 350px;
	}


}



.table1 {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.table1 table {
	max-width: 100%;
	/* Set maximum width to 85% */
	border-collapse: collapse;
}

.table1 th,
.table1 td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

.table1 th:first-child {
	width: 75%;
	/* 75% width for the first column */
	background-color: #e0e0e0;
	/* Slightly darker background for title row */
	text-transform: none;
	/* Prevent automatic capitalization */
}

.table1 th:nth-child(2) {
	width: 25%;
	/* 25% width for the second column */
	background-color: #e0e0e0;
	/* Slightly darker background for title row */
	text-transform: none;
	/* Prevent automatic capitalization */
}

/*
.table1 tr:nth-child(even) {
	background-color: #f2f2f2;
}
*/

@media (max-width: 515px) {
	table {
		max-width: 100% !important;
		/* Set maximum width to 85% */
	}

	.table1 th,
	.table1 td {
		padding: 4px;
		/* Reduce padding for smaller screens */
		font-size: 14px;
	}

	.table1 th:first-child {
		width: 50%;
		/* 75% width for the first column */
		background-color: #e0e0e0;
		/* Slightly darker background for title row */
		text-transform: none;
		/* Prevent automatic capitalization */
	}

	.table1 th:nth-child(2) {
		width: 50%;
		/* 25% width for the second column */
		background-color: #e0e0e0;
		/* Slightly darker background for title row */
		text-transform: none;
		/* Prevent automatic capitalization */
	}
}


/* heatmap table */




    table.heatmap {
      border-collapse: collapse;
      width: 100%;
      max-width:900px;
      font-family: sans-serif;
      font-size: 14px;
      text-align: center;
      margin-left:auto;
      margin-right:auto;
    }
  
    table.heatmap th,
    table.heatmap td {
      padding: 8px;
      border: .5px solid #ddd;
      min-width: 50px;
    }
  
    table.heatmap th {
      background-color: #f4f4f4;
      position: sticky;
      top: 0;
      z-index: 2;
    }
  
    th, td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 12px;
    width: 100px;   /* consistent cell width */
    height: 50px;   /* consistent cell height */
    font-weight: 500;
  }

  td:not(:first-child):hover {
  font-size: 26px;
}
td {
  transition: font-size 0.2s ease;
}



  .blank{
    visibility: hidden !important;
    border: 0px !important;
    width: 10px !important;
  }

/* Gradient from #003F5C to #FFA600 via #BC5090 */
.heat-0   { background-color: #00324a !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-5   { background-color: #003f5d !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-10  { background-color: #324269 !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-15  { background-color: #554673 !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-20  { background-color: #78497d !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-25  { background-color: #9c4d87 !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-30  { background-color: #bd508e !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-35  { background-color: #c85f76 !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-40  { background-color: #d77355 !important; color: white !important; font-weight: 600; font-size:20px; }
.heat-45  { background-color: #de7b47 !important; color: black !important; font-weight: 600; font-size:20px; }
.heat-50  { background-color: #e98930 !important; color: black !important; font-weight: 600; font-size:20px; }
.heat-55  { background-color: #f49719 !important; color: black !important; font-weight: 600; font-size:20px; }
.heat-60  { background-color: #ffa602 !important; color: black !important; font-weight: 600; font-size:20px; }
.heat-65  { background-color: #ffb702 !important; color: black !important; font-weight: 600; font-size:20px; }
.heat-70  { background-color: #ffc802 !important; color: black !important; font-weight: 600; font-size:20px; }
.heat-75  { background-color: #ffdd02 !important; color: black !important; font-weight: 600; font-size:20px; }

/* For missing or undefined data */
.heat-missing {
  background-color: #f0f0f0;
  color: #666;
}
.hover-highlight {
  background-color: #ffeaa7 !important;
  color: #2d3436 !important;
  font-weight: bold;
}


@media (max-width: 770px){
  table.heatmap {
    font-size: 14px;
  }
}

@media (max-width: 686px){
  table.heatmap th, table.heatmap td {
    min-width: 0px;
  }
  table.heatmap {
    font-size: 12px;
  }
.heat-0   { background-color: #00324a !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-5   { background-color: #003f5d !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-10  { background-color: #324269 !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-15  { background-color: #554673 !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-20  { background-color: #78497d !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-25  { background-color: #9c4d87 !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-30  { background-color: #bd508e !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-35  { background-color: #c85f76 !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-40  { background-color: #d77355 !important; color: white !important; font-weight: 600; font-size:14px; }
.heat-45  { background-color: #de7b47 !important; color: black !important; font-weight: 600; font-size:14px; }
.heat-50  { background-color: #e98930 !important; color: black !important; font-weight: 600; font-size:14px; }
.heat-55  { background-color: #f49719 !important; color: black !important; font-weight: 600; font-size:14px; }
.heat-60  { background-color: #ffa602 !important; color: black !important; font-weight: 600; font-size:14px; }
.heat-65  { background-color: #ffb702 !important; color: black !important; font-weight: 600; font-size:14px; }
.heat-70  { background-color: #ffc802 !important; color: black !important; font-weight: 600; font-size:14px; }
.heat-75  { background-color: #ffdd02 !important; color: black !important; font-weight: 600; font-size:14px; }
}

.noHover td{
    font-size:14px !important;
}


table td, table th {
  line-height: 1 !important;
  vertical-align: middle !important;
}




/* Force table to expand horizontally only if needed */
.heatmap {
  width: max-content;
  min-width: 100%;
}

/* Ensure sticky top row behaves properly */
table.heatmap th {
  position: sticky;
  top: 0;
  background-color: #f4f4f4;
  z-index: 2;
}

/* Scroll hint */
.scroll-hint {
background:
rgba(240, 240, 240, 0.92);
  padding:
100px 18px;
  font-size: 20px;
  font-weight: 600;
  border-radius:
6px;
  color: #000;
  display: flex;
  align-items: center;
  gap:
20px;
  z-index: 2;
  pointer-events: none;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
margin-top: 200px;
}

/* Scroll hint */
.scroll-hint1 {
background:
rgba(240, 240, 240, 0.92);
  padding:
100px 18px;
  font-size: 20px;
  font-weight: 600;
  border-radius:
6px;
  color: #000;
  display: flex;
  align-items: center;
  gap:
20px;
  z-index: 2;
  pointer-events: none;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
margin-top: 200px;
}

/* Scroll hint */
.scroll-hint2 {
background:
rgba(240, 240, 240, 0.92);
  padding:
100px 18px;
  font-size: 20px;
  font-weight: 600;
  border-radius:
6px;
  color: #000;
  display: flex;
  align-items: center;
  gap:
20px;
  z-index: 2;
  pointer-events: none;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
margin-top: 200px;
}

/* Scroll hint */
.scroll-hint3 {
background:
rgba(240, 240, 240, 0.92);
  padding:
100px 18px;
  font-size: 20px;
  font-weight: 600;
  border-radius:
6px;
  color: #000;
  display: flex;
  align-items: center;
  gap:
20px;
  z-index: 2;
  pointer-events: none;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
margin-top: 200px;
}

/* CSS arrow */
.arrow {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #555;
  animation: arrow-slide 1.5s infinite ease-in-out;
  transform: translateX(0);
}


@media (max-width: 563px) {
    td:not(:first-child):hover {
      font-size: 14px;
    }
    
    .heatmap-scroll {
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
      max-width: 100%;
      position: absolute;
    }
    
    .heatmap-scroll1 {
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
      max-width: 100%;
      position: absolute;
    }
    
        
    .heatmap-scroll2 {
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
      max-width: 100%;
      position: absolute;
    }
    
        
    .heatmap-scroll3 {
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
      max-width: 100%;
      position: absolute;
    }
    
        th:first-child,
    td:first-child {
      position: sticky;
      left: 0;
      z-index: 1;
    }
    
    .scroll-hint {
        visibility: visible !important;
    }
    
    .scroll-hint1 {
        visibility: visible !important;
    }
    
    .scroll-hint2 {
        visibility: visible !important;
    }
    
    .scroll-hint3 {
        visibility: visible !important;
    }
    .chart4 {
      /*margin-top: 1000px !important;*/
    }
    
    #barrierTUGS_stat{
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
        min-width: 440px;
    }
    
    #table_barrierTUGS_stat1{
margin-top: 1000px;
    }

}


@media (max-width: 455px) {
    #barrierTUGS_stat{
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: -15px;
        min-width: 360px;
    }
    
    #barrierTUGS_stat1{
        min-width: 360px;
    margin-top: 1000px;
  }
    }
}

@media (max-width: 405px) {
    #barrierTUGS_stat{
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 40px;
        min-width: 360px;
    }
    
        #barrierTUGS_stat1{
        min-width: 360px;
    margin-top: 1000px;
  }
  
      #table_barrierTUGS_stat1{
margin-top: 950px;
    font-size: 16px;
    }
    
    }





@keyframes arrow-slide {
  0%   { transform: translateX(0); opacity: 1; }
  50%  { transform: translateX(6px); opacity: 0.6; }
  100% { transform: translateX(0); opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d759af *//* Style for the container holding the buttons */
.button-container {
    text-align: center;
    margin-top: 20px;
}

/* Style for all buttons */
.button {
    background-color: white !important;
    color: black; 
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    transition: transform 0.2s;
}

/* Style for the "Previous" arrow button */
.prev-button {
    transition: transform 0.2s;
    background-color: white !important;
    color: black !important; 
    font-size: 20px;
    font-weight: 600;
    border: none;
    position: absolute;
    left: 20px; /* Position at the left edge */
    visibility: hidden;
}

/* Style for the "Next" arrow button */
.next-button {
    transition: transform 0.2s;
    color: black !important; 
    background-color: white !important;
    font-size: 20px;
    font-weight: 600;
    border: none;
    position: absolute;
    right: 20px; /* Position at the right edge */

}

/* Style for the center button */
.menu-button {
    color: black !important; 
    background-color: white !important;
    border: none;
    font-size: 20px;
    font-weight: 600;
    transition: transform 0.2s;
      position: relative;
  top: 0;
}

/* Hover effect for the arrow buttons */
.prev-button:hover {
    transform: translateX(-10px); 
}

.next-button:hover {
    transform: translateX(10px); 
}

.menu-button:hover {
  top: -5px;
}/* End custom CSS */