@font-face{font-family:FiraGORegular;src:url(/assets/FiraGO-Regular-aODw3bZ7.woff2)}@font-face{font-family:FiraGOBold;src:url(/assets/FiraGO-ExtraBold-Cjygq30e.otf)}@font-face{font-family:FiraGOMedium;src:url(/assets/FiraGO-Medium-Vv5WyOvY.otf)}@font-face{font-family:FiraGOLight;src:url(/assets/FiraGO-Light-Dw0y6ckv.otf)}header{background-color:#fff;color:#1e1e1e;position:sticky;z-index:99;top:0;box-shadow:0 4px 8px #0003;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease}header:not(.header--visible){transform:translateY(-100%);box-shadow:0 2px 4px #00000005}header .header-container{padding:10px 200px;display:flex;justify-content:space-between;align-items:center;margin:auto}header .header-container .right{display:flex;gap:15px;align-items:center}header .header-container .right .text{margin-top:12px}header .header-container .right h1{font-feature-settings:"case" on;font-size:13px;color:#132447;text-transform:uppercase;width:40%;font-family:FiraGOMedium}header .header-container .left{display:flex;gap:100px;align-items:center}header .header-container .left .texts{display:flex;gap:15px}header .header-container .left .texts .bold{font-weight:600}header .header-container .left .texts a{text-decoration:none;border:1px solid transparent;color:inherit}header .header-container .left .texts a:visited{color:inherit}header .header-container .left .texts h1{font-size:14px;font-weight:500;padding:10px}header .header-container .left .texts .choose-section{display:flex;gap:5px;align-items:center;cursor:pointer}header .header-container .left .texts .sections-container{width:max-content;position:absolute;top:100%;background-color:#fff;padding:20px;font-size:14px;z-index:1}header .header-container .left .texts .sections-container ul{list-style-type:none;display:flex;flex-direction:column;gap:15px}header .header-container .left .texts .sections-container ul li{cursor:pointer}header .header-container .left .texts .sections-container ul li:not(:last-child){border-bottom:1px solid #efefef;padding-bottom:10px}header .header-container .left .texts .sections-container p{padding:15px;border:1px solid transparent}header .header-container .left .texts .sections-container p:hover{background-color:#f2f6ff;border:1px solid #a0bfff;border-radius:6px}header .header-container .left .socials{display:flex;gap:30px}header .header-container .left .socials button{display:flex;font-size:14px;align-items:center;gap:12px;padding:12px;background-color:#fff;border:.5px solid #a0a0a0;border-radius:14px;cursor:pointer}@media only screen and (min-width: 1920px) and (max-width: 15000px){header .header-container{width:1800px;margin:auto}}@media only screen and (min-width: 1200px) and (max-width: 1600px){header .header-container{padding:10px 100px}header .header-container .left{gap:90px}}@media only screen and (min-width: 768px) and (max-width: 1199px){header .header-container{padding:10px 50px;gap:20px}header .header-container .right{gap:10px}header .header-container .right h1{font-size:11px}header .header-container .right img{width:70px}header .header-container .right .english-img{width:100px}header .header-container .right svg{width:150px}header .header-container .left{gap:30px}header .header-container .left .texts{gap:5px}header .header-container .left .texts .sections-container{padding:10px;font-size:12px}header .header-container .left .texts .sections-container ul li:not(:last-child){padding-bottom:5px}header .header-container .left .texts .sections-container p{padding:8px}header .header-container .left .texts h1{font-size:12px}header .header-container .left .socials{gap:15px}header .header-container .left .socials .icons{gap:20px}}@media only screen and (min-width: 0) and (max-width: 767px){header .header-container{padding:20px 0;gap:15px;display:flex;flex-direction:column}header .header-container .right{justify-content:center;gap:15px;width:100%}header .header-container .right .english-img{width:110px}header .header-container .right h1{font-size:12px;width:150px}header .header-container .right img{width:80px}header .header-container .left{gap:20px;flex-direction:column}header .header-container .left .texts{gap:5px}header .header-container .left .texts .sections-container{padding:12px;font-size:13px}header .header-container .left .texts .sections-container ul li:not(:last-child){padding-bottom:7px}header .header-container .left .texts .sections-container p{padding:10px}header .header-container .left .texts h1{font-size:13px}}.icons{display:flex;gap:30px;align-items:center}.icons img{cursor:pointer;transition:transform .3s ease}.icons img:hover{transform:scale(1.2)}@media only screen and (min-width: 768px) and (max-width: 1199px){.icons img{width:13px;height:13px}}@media only screen and (min-width: 0) and (max-width: 767px){.icons{gap:20px}.icons img{width:16px;height:16px}}footer{font-feature-settings:"case" on;background-color:#244966;padding:50px 0;display:flex;flex-direction:column;gap:50px}footer .footer-container{max-width:1800px;padding:20px 200px;display:flex;justify-content:space-between}footer .footer-container .container{color:#fff;display:flex;flex-direction:column;gap:40px}footer .footer-container .container h1.terms{cursor:pointer;transition:transform .5s ease}footer .footer-container .container h1.terms:hover{transform:translate(10px)}footer .footer-container .container .socials{display:flex;flex-direction:column;gap:25px}footer .footer-container .container .paras{display:flex;flex-direction:column;gap:15px}footer .footer-container .container .paras a{cursor:pointer;color:inherit;text-decoration:none;transition:transform .5s ease}footer .footer-container .container .paras a:hover{transform:scale(1.1);text-decoration:underline}footer .footer-container .container h1{font-size:14px;letter-spacing:.03em}footer .footer-container .container p{font-size:14px;font-weight:300}footer .footer-container .container .sections-container a{text-decoration:none;color:inherit}footer .footer-container .container .sections-container ul{display:flex;flex-direction:column;gap:15px;list-style-type:none}footer .footer-container .container .sections-container ul li{cursor:pointer;transition:transform .5s ease}footer .footer-container .container .sections-container ul li:hover{transform:translate(10px)}footer .border-container{border-bottom:1px solid #d9d9d9}footer .rights{text-align:center}footer .rights h1{color:#fff;font-size:14px;font-weight:300;letter-spacing:.02em}@media only screen and (min-width: 1920px) and (max-width: 15000px){footer .footer-container{width:1800px;margin:auto}}@media only screen and (min-width: 1200px) and (max-width: 1600px){footer .footer-container{padding:20px 100px}}@media only screen and (min-width: 768px) and (max-width: 1199px){footer{padding:30px 0;gap:30px}footer .footer-container{padding:20px 50px;gap:20px}footer .footer-container .container{gap:25px}footer .footer-container .container h1{font-size:13px}footer .footer-container .container p{font-size:12px}footer .rights h1{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 767px){footer{padding:20px 0;gap:20px}footer .footer-container{flex-direction:column;padding:0 30px;gap:25px;align-items:center;text-align:center}footer .footer-container .container{gap:10px;width:100%;align-items:center}footer .footer-container .container h1{font-size:12px}footer .footer-container .container p{font-size:11px}footer .footer-container .container .socials{margin-top:20px;gap:10px}footer .footer-container .container .paras{gap:8px}footer .footer-container .container h1{text-align:center}footer .footer-container .container .sections-container ul{gap:8px}footer .rights h1{font-size:11px}}.error-page{margin:auto;text-align:center;padding:30px}.error-page p{margin-top:10px}.error-page button{margin:20px;font-family:inherit;border-radius:5px;outline:none;cursor:pointer;transition:background-color .5s ease,transform .5s ease}.error-page button:hover{background-color:#e5ff00;transform:translate(3px)}.language-changer-container{position:relative;cursor:pointer;display:flex;align-items:center}.language-changer-container .language-changer{border:.5px solid #a0a0a0;border-radius:14px;position:absolute;top:-50%;display:flex;flex-direction:column;background-color:#fff}.language-changer-container .language-changer .wrapper{display:flex;gap:10px;font-size:14px;align-items:center;padding:10px 12px}.language-changer-container .language-changer .wrapper .flag-img{width:18px;height:18px}.language-changer-container .language-changer .wrapper:not(:last-child){border-bottom:1px solid #a0a0a0}.language-changer-container .language-changer .hovered:hover{background-color:#d3d3d3;border-bottom-left-radius:14px;border-bottom-right-radius:14px}@media only screen and (min-width: 768px) and (max-width: 1199px){.language-changer-container .language-changer .wrapper{padding:5px 6px;font-size:11px;gap:8px}}@media only screen and (min-width: 0) and (max-width: 767px){.language-changer-container .language-changer .wrapper{padding:6px 8px;font-size:12px;gap:5px}}.container-ss{background-color:#f4f4f7}.container-ss .heating-container{padding:40px 200px 200px;display:flex;justify-content:space-between;color:#000;gap:40px;max-width:1800px;margin:auto}.container-ss .heating-container .hot-water-chart{max-width:800px;width:70%;margin:auto}.container-ss .heating-container h1{text-align:center}@media only screen and (min-width: 1200px) and (max-width: 1600px){.container-ss .heating-container{padding:40px 100px 200px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.container-ss .heating-container{padding:40px 50px 200px;flex-direction:column}}@media only screen and (min-width: 0) and (max-width: 767px){.container-ss .heating-container{padding:30px 15px 100px;flex-direction:column}.container-ss .heating-container .hot-water-chart{width:100%}}.visualization{color:#fff;font-feature-settings:"case" on;display:flex;flex-direction:column;background:linear-gradient(90deg,#2c3e50 -23.05%,#3498db 132.08%)}.visualization h1{font-family:FiraGORegular;text-transform:capitalize;letter-spacing:.02em;margin-bottom:30px}.visualization .container{padding:50px 200px 0;display:flex;flex-direction:column;justify-content:start;gap:40px;width:100%}.visualization .container .links a{text-decoration:none}.visualization .container .links ul{display:flex;list-style-type:none;justify-content:space-between;gap:30px}.visualization .container .links ul a{display:flex}.visualization .container .links ul .wrapper{position:relative;background-color:transparent;display:flex}.visualization .container .links ul .wrapper li{padding:15px;transition:background-color .3s ease,color .3s ease;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:inherit;gap:20px;font-size:15px;text-transform:capitalize;font-feature-settings:"case" on}.visualization .container .links ul .wrapper li svg{flex-shrink:0}.visualization .container .links ul .wrapper li.selected{background-color:#fff;color:#3c77f2;font-family:FiraGOMedium}.visualization .container .links ul .wrapper li.selected svg path{stroke:#3c77f2}@media only screen and (min-width: 1920px) and (max-width: 15000px){.visualization .container{max-width:1800px;margin:auto}}@media only screen and (min-width: 1200px) and (max-width: 1600px){.visualization .container{padding:50px 100px 0}.visualization .container .links ul{gap:35px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.visualization h1{font-size:1.3em}.visualization .container{padding:30px 50px 0;gap:30px}.visualization .container .links ul{justify-content:space-between;overflow-x:auto;gap:20px}.visualization .container .links ul::-webkit-scrollbar{height:6px}.visualization .container .links ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.visualization .container .links ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.visualization .container .links ul .wrapper li{padding:10px;font-size:13px}.visualization .container .links ul .wrapper li svg{width:15px;height:15px}}@media only screen and (min-width: 0) and (max-width: 767px){.visualization h1{font-size:1em}.visualization .container{padding:30px 30px 0;gap:30px}.visualization .container .links{margin-top:30px}.visualization .container .links ul{gap:10px;overflow-x:auto}.visualization .container .links ul::-webkit-scrollbar{height:4px}.visualization .container .links ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.visualization .container .links ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.visualization .container .links ul .wrapper li{padding:5px;gap:10px;font-size:11px}.visualization .container .links ul .wrapper li svg{width:15px;height:15px}}.statistics{background:linear-gradient(to right,#1e3c72,#2a5298);color:#fff;font-feature-settings:"case" on;display:flex;flex-direction:column;background:linear-gradient(90deg,#136a8a,#267871)}.statistics h1{font-family:FiraGORegular;letter-spacing:.02em;margin-bottom:30px}.statistics .main-chart{flex:1}.statistics .download-container{flex:none}.statistics .container{padding:50px 200px 0;display:flex;flex-direction:column;justify-content:start;gap:40px;width:100%}.statistics .container .links a{text-decoration:none}.statistics .container .links ul{display:flex;list-style-type:none;gap:30px;justify-content:space-between}.statistics .container .links ul a{display:flex}.statistics .container .links ul .wrapper{position:relative;background-color:transparent;display:flex}.statistics .container .links ul .wrapper li{padding:15px;transition:background-color .3s ease,color .3s ease;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:inherit;gap:20px}.statistics .container .links ul .wrapper li.selected{background-color:#fff;color:#3c77f2;font-family:FiraGOMedium}.statistics .container .links ul .wrapper li.selected svg path{fill:#3c77f2}@media only screen and (min-width: 1920px) and (max-width: 15000px){.statistics .container{max-width:1800px;margin:auto}}@media only screen and (min-width: 1200px) and (max-width: 1600px){.statistics .container{padding:50px 100px 0}.statistics .container .links ul{gap:35px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.statistics h1{font-size:1.3em}.statistics .container{padding:30px 50px 0;gap:30px}.statistics .container .links ul{justify-content:space-between;overflow-x:auto;gap:20px}.statistics .container .links ul::-webkit-scrollbar{height:6px}.statistics .container .links ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.statistics .container .links ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.statistics .container .links ul .wrapper li{padding:10px;font-size:13px}.statistics .container .links ul .wrapper li svg{width:15px;height:15px}}@media only screen and (min-width: 0) and (max-width: 767px){.statistics h1{font-size:1em}.statistics .container{padding:30px 30px 0;gap:30px}.statistics .container .links{margin-top:30px}.statistics .container .links ul{gap:10px;overflow-x:auto}.statistics .container .links ul::-webkit-scrollbar{height:4px}.statistics .container .links ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.statistics .container .links ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.statistics .container .links ul .wrapper li{padding:5px;gap:10px;font-size:11px}.statistics .container .links ul .wrapper li svg{width:15px;height:15px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:FiraGOLight;font-weight:500;background-color:#f4f4f7;overflow-x:hidden}.recharts-surface{overflow:visible}.legend-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;margin-left:50px;font-size:14px;padding:8px 0}.legend-container p{display:flex;gap:5px;font-size:14px}.legend-container p span{width:14px;height:14px;background-color:currentColor}.custom-tooltip{padding:20px 40px 20px 20px;background-color:#111729;color:#fff;border-radius:14px}.custom-tooltip .tooltip-container{display:flex;flex-direction:column;gap:15px}.custom-tooltip .tooltip-container p{font-size:14px;align-items:center}.custom-tooltip .tooltip-container p .before-span{width:12px;height:12px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.legend-container p{font-size:13px}.legend-container p span{width:12px;height:12px}.custom-tooltip{padding:15px 30px 15px 15px}.custom-tooltip .tooltip-container{gap:13px}.custom-tooltip .tooltip-container p{font-size:13px;align-items:center}.custom-tooltip .tooltip-container p .before-span{width:11px;height:11px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.legend-container p{font-size:12px}.legend-container p span{width:11px;height:11px}.custom-tooltip{padding:13px 25px 13px 13px}.custom-tooltip .tooltip-container{gap:12px}.custom-tooltip .tooltip-container p{font-size:12px;align-items:center}.custom-tooltip .tooltip-container p .before-span{width:10px;height:10px}}@media only screen and (min-width: 0) and (max-width: 768px){.legend-container{gap:10px}.legend-container p{font-size:10px}.legend-container p span{width:10px;height:10px}.custom-tooltip{padding:13px 25px 13px 13px}.custom-tooltip .tooltip-container{gap:12px}.custom-tooltip .tooltip-container p{font-size:10px;align-items:center}.custom-tooltip .tooltip-container p .before-span{width:9px;height:9px}}.indicators{font-feature-settings:"case" on;display:flex;flex-direction:column;color:#1e1e1e;background:linear-gradient(90deg,#334d50,#cbcaa5)}.indicators h1{font-family:FiraGORegular;letter-spacing:.02em;color:#fff}.indicators .container{padding:40px 200px 0;display:flex;flex-direction:column;justify-content:start;gap:80px;height:200px;width:100%;max-width:1800px;margin:auto}.indicators .links{background-color:#f4f4f7}.indicators .links a{text-decoration:none}.indicators .links ul{display:flex;list-style-type:none;justify-content:space-between;gap:30px;max-width:1800px;margin:auto;padding:0 200px}.indicators .links ul a{display:flex}.indicators .links ul a:visited{color:inherit}.indicators .links ul .wrapper{position:relative;background-color:transparent;display:flex}.indicators .links ul .wrapper li{padding:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:20px;border-bottom:2px solid transparent;color:#1e1e1e}.indicators .links ul .wrapper li svg{flex-shrink:0}.indicators .links ul .wrapper li.selected{color:#1e1e1e;font-weight:700;border-bottom:2px solid black}.indicators .links ul .wrapper li.selected svg path{stroke:#000}@media only screen and (min-width: 1200px) and (max-width: 1600px){.indicators .container{padding:40px 100px 0}.indicators .links ul{padding:0 100px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.indicators h1{font-size:1.3em}.indicators .container{padding:30px 50px 0;height:155px}.indicators .links ul{padding:0 0 3px;font-size:13px;overflow-x:auto;margin:0 50px}.indicators .links ul li{width:max-content}.indicators .links ul li svg{width:15px;height:15px}.indicators .links ul::-webkit-scrollbar{height:4px}.indicators .links ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.indicators .links ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}}@media only screen and (min-width: 0) and (max-width: 767px){.indicators h1{font-size:1em}.indicators .container{padding:30px 30px 0;height:155px}.indicators .links ul{padding:0 0 3px;font-size:11px;overflow-x:auto;margin:0 30px}.indicators .links ul li{width:max-content}.indicators .links ul li svg{width:15px;height:15px}.indicators .links ul::-webkit-scrollbar{height:4px}.indicators .links ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.indicators .links ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}}.homepage-container{display:flex;flex-direction:column}.homepage-container .upper{padding:100px 200px;height:550px;background-size:cover;background-position:30% center;display:flex;flex-direction:column;gap:80px;justify-content:space-between}.homepage-container .upper .texts{max-width:1800px;display:flex;flex-direction:column;gap:40px}.homepage-container .upper .texts h1{font-feature-settings:"case" on;color:#084e99;font-weight:800;font-family:FiraGOBold;font-size:45px}.homepage-container .upper .texts p{color:#1e1e1e;line-height:30px;font-size:16px;font-family:FiraGOLight}.homepage-container .upper .sections{display:flex;justify-content:space-between;gap:30px;max-width:1800px}.homepage-container .upper .sections a{text-decoration:none;color:inherit;padding:30px 20px;border-radius:40px;color:#1e1e1e;display:flex;flex-direction:column;gap:20px;transition:transform .5s ease;background-color:#fffffff2;flex:1;z-index:1;font-family:FiraGORegular}.homepage-container .upper .sections a:visited{color:inherit}.homepage-container .upper .sections a:hover{transform:translateY(-25px);cursor:pointer;font-weight:900;background:#1d4657!important;color:#f0f8ff}.homepage-container .upper .sections a:hover .svg-container svg path{stroke:#1d4657}.homepage-container .upper .sections a .para{display:flex;align-items:center;gap:30px;justify-content:space-between}.homepage-container .upper .sections a .para h1{font-feature-settings:"case" on;font-size:16px;line-height:28px}.homepage-container .upper .sections a .para .svg-container{display:flex;align-items:center;justify-content:center;padding:20px;border-radius:24px}.homepage-container .upper .sections a p{font-size:12px;width:60%;line-height:20px;color:#efefef}.homepage-container .upper .sections a .learn-more{display:flex;align-items:center;gap:20px;transition:.5s ease}.homepage-container .upper .sections a .learn-more p{width:initial}.homepage-container .upper .sections a .learn-more:hover{transform:translate(10px)}.homepage-container .lower{padding-bottom:120px;background-color:#e6e6e6}@media only screen and (min-width: 1920px) and (max-width: 15000px){.homepage-container .upper{padding:100px 0}.homepage-container .upper .texts,.homepage-container .upper .sections{width:1800px;margin:0 auto;padding:0 200px}.homepage-container .lower{padding-bottom:120px}}@media only screen and (min-width: 1200px) and (max-width: 1400px){.homepage-container .upper .sections{display:grid;grid-template-columns:1fr 1fr}.homepage-container .upper .sections a{width:90%;max-width:420px;padding:20px;height:120px;justify-content:center}.homepage-container .upper .sections a:nth-child(2),.homepage-container .upper .sections a:nth-child(4){justify-self:end}}@media only screen and (min-width: 1200px) and (max-width: 1600px){.homepage-container .upper{padding:100px;gap:50px}.homepage-container .upper .texts h1{font-size:35px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.homepage-container .upper{padding:100px 50px;gap:50px;background-position:70% center}.homepage-container .upper .sections{display:grid;grid-template-columns:1fr 1fr}.homepage-container .upper .sections a{width:90%;max-width:320px;padding:20px;height:120px;align-items:center;justify-content:center}.homepage-container .upper .sections a .para h1{font-size:14px}.homepage-container .upper .sections a .para .svg-container{padding:15px}.homepage-container .upper .sections a:nth-child(2),.homepage-container .upper .sections a:nth-child(4){justify-self:end}.homepage-container .upper .texts h1{font-size:30px}}@media only screen and (min-width: 0) and (max-width: 767px){.homepage-container .lower{padding-bottom:80px}.homepage-container .upper{padding:50px 30px;background-position:75% center;height:max-content;gap:50px}.homepage-container .upper .sections{flex-direction:column;gap:20px;width:100%;margin:auto;align-items:center;justify-content:center}.homepage-container .upper .sections a{padding:15px 20px;display:flex;justify-content:center;max-width:350px;width:100%}.homepage-container .upper .sections a .para{gap:10px}.homepage-container .upper .sections a .para h1{font-size:13px;width:max-content}.homepage-container .upper .sections a .para .svg-container{padding:10px}.homepage-container .upper .sections a .para .svg-container svg{width:20px;height:20px}.homepage-container .upper .sections a:hover{transform:translate(5px)}.homepage-container .upper .texts h1{font-size:20px;text-align:center}}.slider{font-feature-settings:"case" on;gap:50px;padding:0 200px}.slider .slider-container{background-color:#fff;border-bottom-right-radius:30px;border-bottom-left-radius:30px;max-width:1800px;padding:20px 30px;display:flex;flex-direction:column;gap:40px}.slider .top-side{display:flex;align-items:center;justify-content:space-between;width:100%}.slider .top-side .slide{display:flex;align-items:center;gap:10px}.slider .top-side .slide h2{color:#084e99;font-family:FiraGOBold;letter-spacing:.01em;font-size:25px}.slider .top-side .navigation{display:flex;gap:10px}.slider .top-side .navigation button{display:flex;padding:10px;border-radius:14px;outline:none;border:none;background-color:#d5e3f2;cursor:pointer}.slider .top-side .navigation button.disabled{background-color:#e9e9e9;cursor:not-allowed}.slider .content-container{width:100%;border-radius:40px}.slider .content-container .widget-container{display:flex;gap:25px;overflow-x:auto;padding-bottom:20px}.slider .content-container .widget-container::-webkit-scrollbar{height:8px}.slider .content-container .widget-container::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.slider .content-container .widget-container::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.slider .content-container .widget-container .widget-wrapper{padding:10px;border-radius:20px;flex:1;display:flex;flex-direction:column;gap:15px;justify-content:space-between}.slider .content-container .widget-container .widget-wrapper:hover{background-color:#f5f4f7}.slider .content-container .widget-container .widget-wrapper .top{display:flex;gap:15px;flex:1}.slider .content-container .widget-container .widget-wrapper .top svg{flex-shrink:0}.slider .content-container .widget-container .widget-wrapper .top h3{font-size:15px;width:max-content}.slider .content-container .widget-container .widget-wrapper .middle{display:flex;align-items:center;gap:10px}.slider .content-container .widget-container .widget-wrapper .middle h2{color:#1e1e1e;font-family:FiraGOMedium;font-size:1.3em}.slider .content-container .widget-container .widget-wrapper .middle h3{font-size:.8em}.slider .content-container .widget-container .widget-wrapper .bottom{display:flex;align-items:center;gap:10px;font-size:15px}.slider .content-container .widget-container .widget-wrapper .bottom .left{display:flex;align-items:center;gap:5px}.slider .content-container .widget-container .widget-wrapper .bottom span{font-size:13px;color:#1e1e1e;letter-spacing:.5px;width:max-content}.slider .content-container .widget-container .widget-wrapper .bottom .green{color:#1dbf73;font-weight:900}.slider .content-container .widget-container .widget-wrapper .bottom .red{color:#ed4c5c;font-weight:900}.slider .dots{display:flex;gap:10px}.slider .dots .dot{width:14px;height:14px;border-radius:14px;border:2px solid #084e99;cursor:pointer;transition:width .5s ease,background-color .5s ease}.slider .dots .dot.active{background-color:#084e99;width:58px}@media only screen and (min-width: 1920px) and (max-width: 15000px){.slider{max-width:1800px;margin:auto;padding:0 200px}}@media only screen and (min-width: 1200px) and (max-width: 1600px){.slider{max-width:1800px;margin:auto;padding:0 100px}.slider .top-side .slide h2{font-size:22px}.slider .top-side .navigation button{padding:7px}.slider .slider-container{gap:30px;padding:20px 10px}.slider .content-container .widget-container .widget-wrapper{gap:10px;padding:5px}.slider .content-container .widget-container .widget-wrapper .middle h2{font-size:1.1em}}@media only screen and (min-width: 768px) and (max-width: 1199px){.slider{padding:0}.slider .top-side{gap:5px}.slider .top-side .slide h2{font-size:18px}.slider .top-side .navigation button{padding:5px}.slider .top-side .navigation button svg{width:13px;height:13px}.slider .slider-container{gap:30px}.slider .content-container .widget-container .widget-wrapper{gap:10px;padding:5px}.slider .content-container .widget-container .widget-wrapper .middle h2{font-size:1em}.slider .content-container .widget-container .widget-wrapper .top h3{font-size:13px}.slider .dots .dot{width:12px;height:12px}.slider .dots .dot.active{width:40px}}@media only screen and (min-width: 0) and (max-width: 767px){.slider{padding:0}.slider .top-side{align-items:start;gap:10px}.slider .top-side .slide h2{font-size:14px}.slider .top-side .navigation button{padding:5px}.slider .top-side .navigation button svg{width:13px;height:13px}.slider .slider-container{gap:20px;padding:10px 15px}.slider .slider-container .dots{display:none}.slider .content-container .widget-container .widget-wrapper{gap:10px;padding:5px}.slider .content-container .widget-container .widget-wrapper .middle h2{font-size:.9em;text-align:center}.slider .content-container .widget-container .widget-wrapper .top h3{font-size:12px}.slider .content-container .widget-container .widget-wrapper .bottom .left,.slider .content-container .widget-container .widget-wrapper .bottom span{font-size:11px}.slider .dots .dot{width:12px;height:12px}.slider .dots .dot.active{width:40px}}.download-container{position:relative;display:flex;flex:1;justify-content:end}.download-container .svg-container svg{cursor:pointer}.download-container .svg-container svg rect{stroke:#e0e0e0;stroke-width:1}.download-container .svg-container svg:hover rect{stroke:#3c77f2;stroke-width:1.2}.download-container .svg-container.selected rect{stroke:#3c77f2;stroke-width:1.2}.download-container .dropdown-content{position:absolute;background:#fff;border:1px solid #ededed;box-shadow:0 4px 20px #0000001a;border-radius:16px;padding:20px 15px;display:flex;flex-direction:column;right:0;z-index:1;top:40px}.download-container .dropdown-content .divider{height:1px;background-color:#efefef;margin:10px 0}.download-container .dropdown-content .upper,.download-container .dropdown-content .lower{display:flex;flex-direction:column;gap:5px}.download-container .dropdown-content .upper .wrapper,.download-container .dropdown-content .lower .wrapper{display:flex;align-items:center;gap:10px;padding:5px;border:.5px solid transparent;cursor:pointer}.download-container .dropdown-content .upper .wrapper:hover,.download-container .dropdown-content .lower .wrapper:hover{background:#f2f6ff;border:.5px solid #a0bfff;border-radius:8px}.download-container .dropdown-content .upper .wrapper p,.download-container .dropdown-content .lower .wrapper p{color:#1e1e1e;font-size:14px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.download-container .svg-container svg{width:30px;height:30px}.download-container .dropdown-content{padding:15px 12px}.download-container .dropdown-content .upper .wrapper p,.download-container .dropdown-content .lower .wrapper p{font-size:13px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.download-container .svg-container svg{width:28px;height:28px}.download-container .dropdown-content{padding:10px 8px}.download-container .dropdown-content .upper .wrapper p,.download-container .dropdown-content .lower .wrapper p{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 768px){.download-container .down-svg{width:15px!important;height:15px!important}.download-container .dropdown-content{padding:8px 6px}.download-container .dropdown-content .upper .wrapper p,.download-container .dropdown-content .lower .wrapper p{font-size:11px}}.main-chart{background-color:#fff;border-radius:24px;padding:30px 30px 0 0}.main-chart .years-wrapper{display:flex;flex:1;justify-content:end;gap:15px}.main-chart .years-wrapper .download-container{flex:0}.main-chart .header-container{display:flex;padding-left:30px;margin-bottom:5px;gap:30px;align-items:start}.main-chart .header-container svg{flex-shrink:0}.main-chart .header-container .text-wrapper{display:flex;flex-direction:column;gap:10px;min-height:70px}.main-chart .header-container .text-wrapper h2{font-size:16px;color:#1e1e1e;display:flex;align-items:center;gap:20px}.main-chart .header-container .text-wrapper h3{font-size:14px;font-weight:300}.main-chart .text{font-size:14px;display:flex;gap:5px}.main-chart .text .before-span{width:14px;height:14px;background-color:currentColor}@media only screen and (min-width: 1200px) and (max-width: 1600px){.main-chart .years-wrapper{display:flex;flex:1;justify-content:end;gap:15px}.main-chart .years-wrapper .download-container{flex:0}.main-chart .header-container{display:flex;padding-left:30px;margin-bottom:5px;gap:30px;align-items:start}.main-chart .header-container svg{flex-shrink:0}.main-chart .header-container .text-wrapper{display:flex;flex-direction:column;gap:10px;min-height:70px}.main-chart .header-container .text-wrapper h2{font-size:14px}.main-chart .header-container .text-wrapper h3{font-size:13px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.consumption .main-chart{padding:15px 15px 20px 0;max-width:550px;width:80%;margin:auto}.consumption .main-chart img{width:20px;height:20px}.consumption .main-chart h2{font-size:14px!important}.consumption .main-chart .text-1{font-size:12px!important}}@media only screen and (min-width: 0) and (max-width: 768px){.consumption .main-chart img{width:20px;height:20px}.consumption .main-chart .text-1{font-size:10px!important}}.resources-container{background-color:#f4f4f7;color:#000;padding-bottom:200px;display:flex;flex-direction:column;gap:30px}.resources-container .flows-production{grid-template-columns:1fr}.resources-container .links{padding:40px 200px 0;width:100%}.resources-container .flows-links ul{justify-content:center!important}.resources-container .charts-container{padding:0 200px}.resources-container ul{display:flex;list-style-type:none;justify-content:center;color:#6f6f6f;gap:20px}.resources-container ul li{padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-feature-settings:"case" off}.resources-container ul li a svg{flex-shrink:0}.resources-container ul a{text-decoration:none;color:inherit}.resources-container ul svg{flex-shrink:0}.resources-container ul .selected{color:#1e1e1e;font-weight:900}.resources-container ul .selected svg path{fill:#1e1e1e}.resources-container .container{padding:0}@media only screen and (min-width: 1920px) and (max-width: 15000px){.resources-container .links,.resources-container .charts-container{max-width:1800px;margin:auto}}@media only screen and (min-width: 1200px) and (max-width: 1600px){.resources-container .links{padding:40px 100px 0}.resources-container .charts-container{padding:0 100px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.resources-container .links{padding:40px 50px 0;font-size:13px}.resources-container .links ul{overflow-x:auto;gap:20px;justify-content:space-between}.resources-container .links ul::-webkit-scrollbar{height:4px}.resources-container .links ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.resources-container .links ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.resources-container .links li{width:max-content}.resources-container .links .wrapper li{padding:10px;font-size:13px}.resources-container .links .wrapper li svg{width:15px;height:15px}.resources-container .charts-container{padding:0 50px}}@media only screen and (min-width: 0) and (max-width: 767px){.resources-container{padding-bottom:100px}.resources-container .flows-links ul{justify-content:space-between!important}.resources-container .links{padding:30px 30px 0;font-size:11px}.resources-container .links ul{overflow-x:auto;gap:20px;justify-content:space-between}.resources-container .links ul::-webkit-scrollbar{height:4px}.resources-container .links ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.resources-container .links ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.resources-container .links li{width:max-content}.resources-container .links .wrapper li{padding:5px;gap:10px}.resources-container .links .wrapper li svg{width:15px;height:15px}.resources-container .charts-container{padding:0 15px}}.resources-container .indicators-container{padding-top:40px;max-width:1800px}.resources-container .indicators-container .container{padding:50px 0}.single-area-chart .wrapper-1{display:flex;gap:20px;flex:1;justify-content:end;align-items:center}.single-area-chart .wrapper-1 .sdg-content{padding:10px 20px;color:#fff;font-weight:700;font-size:14px;border-radius:12px;display:flex}.single-area-chart .wrapper-1 .download-container{flex:none}@media only screen and (min-width: 0) and (max-width: 768px){.single-area-chart{padding:10px 10px 10px 0;width:90%;margin:auto}.single-area-chart .header-container{gap:10px;margin-bottom:0;padding-left:10px}.single-area-chart .header-container svg{width:20px;height:20px}.single-area-chart .header-container .text-wrapper{min-height:0}.single-area-chart .header-container .text-wrapper h2{font-size:12px}.single-area-chart .header-container .text-wrapper h3{font-size:10px}.single-area-chart .wrapper-1 .sdg-content{padding:5px 10px;font-size:12px}}.tables{background-color:#f4f4f7;color:#000}.tables .tables-wrapper{max-width:1800px;display:flex;flex-direction:column;gap:40px;padding:40px 200px 200px;margin:auto}.tables ul{display:flex;list-style-type:none;justify-content:center;color:#6f6f6f;gap:20px}.tables ul li{padding:10px;display:flex;align-items:center;gap:10px;font-feature-settings:"case" off}.tables ul a{text-decoration:none;color:inherit}.tables ul svg{flex-shrink:0}.tables ul .selected{color:#000;font-weight:900}.tables ul .selected svg path{fill:#1e1e1e}@media only screen and (min-width: 1200px) and (max-width: 1600px){.tables .tables-wrapper{padding:40px 100px 200px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.tables .tables-wrapper{padding:40px 50px 200px}.tables .tables-wrapper ul{justify-content:space-between;overflow-x:auto;gap:20px}.tables .tables-wrapper ul::-webkit-scrollbar{height:4px}.tables .tables-wrapper ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.tables .tables-wrapper ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.tables .tables-wrapper ul .wrapper li{padding:10px;font-size:13px;width:max-content}.tables .tables-wrapper ul .wrapper li svg{width:15px;height:15px}}@media only screen and (min-width: 0) and (max-width: 767px){.tables .tables-wrapper{padding:30px 30px 100px}.tables .tables-wrapper ul{overflow-x:auto;gap:20px;justify-content:space-between}.tables .tables-wrapper ul::-webkit-scrollbar{height:4px}.tables .tables-wrapper ul::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.tables .tables-wrapper ul::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.tables .tables-wrapper ul .wrapper li{font-size:11px;width:max-content;padding:5px;gap:10px}.tables .tables-wrapper ul .wrapper li svg{width:15px;height:15px}}.diagram-container{background-color:#f4f4f7;color:#000;padding:40px 200px 200px}.diagram-container .header-container{justify-content:space-between}.diagram-container .container-ss{max-width:1800px;margin:auto}.diagram-container .container-ss .info-wrapper{display:flex;gap:20px}.diagram-container .container-ss .year-wrapper{display:flex;flex-direction:column;gap:5px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.diagram-container{padding:40px 100px 200px!important}}@media only screen and (min-width: 768px) and (max-width: 1199px){.diagram-container{padding:40px 50px 200px!important}.diagram-container .sankey-1 .header-container .info-wrapper svg{width:20px;height:20px}.diagram-container .sankey-1 .header-container .text-wrapper h2{font-size:14px}.diagram-container .sankey-1 .header-container .text-wrapper h3{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 767px){.diagram-container{padding:30px 15px 100px!important}.diagram-container .sankey-1 .header-container .info-wrapper svg{width:16px;height:16px}.diagram-container .sankey-1 .header-container .text-wrapper h2{font-size:12px}.diagram-container .sankey-1 .header-container .text-wrapper h3{font-size:11px}}.years-container{position:relative}.years-container .heading{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:0 15px;height:32px;cursor:pointer}.years-container .heading h3{font-size:14px;font-weight:400}.years-container .dropdown-content{position:absolute;background:#fff;border:1px solid #ededed;box-shadow:0 4px 20px #0000001a;border-radius:16px;padding:15px 10px;display:flex;flex-direction:column;right:0;z-index:1;width:100%;margin-top:10px;height:200px;overflow-y:scroll;gap:5px}.years-container .dropdown-content .wrapper{display:flex;align-items:center;gap:10px;border:.5px solid transparent;cursor:pointer;padding:5px}.years-container .dropdown-content .wrapper:hover{background:#f2f6ff;border:.5px solid #a0bfff;border-radius:8px}.years-container .dropdown-content .wrapper p{color:#1e1e1e;font-size:14px}@media only screen and (min-width: 0) and (max-width: 768px){.years-container .heading{height:25px}.years-container .heading svg{width:10px!important;height:10px!important}.years-container .heading h3{font-size:12px}.years-container .dropdown-content{height:180px;padding:10px 6px}.years-container .dropdown-content .wrapper{justify-content:center}.years-container .dropdown-content .wrapper p{font-size:12px}.years-container .dropdown-content svg{width:14px!important;height:14px!important}}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 200px;width:100%}.chart-4{grid-column:2;grid-row:2/span 2}.main-chart{display:flex;flex-direction:column}@media only screen and (min-width: 768px) and (max-width: 1199px){.charts-container{grid-template-columns:1fr}.chart-4{grid-column:auto;grid-row:auto}.sankey-1{max-width:100%!important;width:90%!important}.main-chart,.single-area-chart{padding:20px 20px 0 0;width:80%;max-width:700px;margin:auto}.main-chart .header-container .text-wrapper h2,.single-area-chart .header-container .text-wrapper h2{font-size:14px}.main-chart .header-container .text-wrapper h3,.single-area-chart .header-container .text-wrapper h3{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 767px){.sankey-1{max-width:100%!important;width:100%!important}.main-chart,.single-area-chart{padding:10px 10px 0 0;width:90%;margin:auto}.main-chart .header-container,.single-area-chart .header-container{gap:10px;margin-bottom:0;padding-left:10px;flex-direction:column}.main-chart .header-container svg,.single-area-chart .header-container svg{width:20px;height:20px}.main-chart .header-container .text-wrapper,.single-area-chart .header-container .text-wrapper{min-height:0}.main-chart .header-container .text-wrapper h2,.single-area-chart .header-container .text-wrapper h2{font-size:12px}.main-chart .header-container .text-wrapper h3,.single-area-chart .header-container .text-wrapper h3{font-size:10px}.charts-container{display:flex;flex-direction:column}.charts-container .chart-4{grid-column:auto;grid-row:auto}.charts-container .main-chart,.charts-container .single-area-chart{padding:10px 10px 0 0;width:90%;margin:auto}.charts-container .main-chart .header-container,.charts-container .single-area-chart .header-container{gap:10px;margin-bottom:0;padding-left:10px;flex-direction:column}.charts-container .main-chart .header-container svg,.charts-container .single-area-chart .header-container svg{width:20px;height:20px}.charts-container .main-chart .header-container .text-wrapper,.charts-container .single-area-chart .header-container .text-wrapper{min-height:0}.charts-container .main-chart .header-container .text-wrapper h2,.charts-container .single-area-chart .header-container .text-wrapper h2{font-size:12px}.charts-container .main-chart .header-container .text-wrapper h3,.charts-container .single-area-chart .header-container .text-wrapper h3{font-size:10px}}.oil-container .chart-1{grid-column:1/-1}.oil-container #chart-ss{margin-top:-80px!important}.biofuelsandwaste-container .chart-1{grid-column:1/-1}.final-consumption{display:grid;grid-template-columns:1fr 1fr;gap:40px}.final-consumption .last-chart{grid-column:2/2;margin-top:-250px}.final-consumption .main-chart{grid-row:auto}.final-consumption .main-chart .ss{gap:20px!important;flex-wrap:wrap!important;margin-top:-20px!important;justify-content:normal!important;padding:0 50px!important}.final-consumption .main-chart .ss-1{margin-top:-150px!important}.final-consumption .main-chart #consumption-3{margin-top:-80px!important}.final-consumption .main-chart #consumption-2{margin-top:-50px!important}@media only screen and (min-width: 0) and (max-width: 1199px){.final-consumption{display:flex;flex-direction:column}.final-consumption .last-chart{margin-top:0}}.tables-container{padding:20px;background-color:#f9f9f9;border-radius:24px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.tables-container::-webkit-scrollbar{height:6px}.tables-container::-webkit-scrollbar-thumb{background:#084e99;border-radius:10px;cursor:pointer}.tables-container::-webkit-scrollbar-track{background:#b9c3c9;border-radius:10px;cursor:pointer}.tables-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.tables-container h1{font-size:16px;color:#333;margin-bottom:0}.tables-container .wrapper{display:flex;gap:10px}.tables-container table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;border-top-right-radius:24px;border-top-left-radius:24px;overflow:hidden}.tables-container th,.tables-container td{text-align:center;color:#1e1e1e}.tables-container th{background-color:#f1f4ff;padding:15px;font-size:14px}.tables-container td{background-color:#fff;border-bottom:1px solid #e0e0e0;font-feature-settings:"case" off;font-size:14px}.tables-container td:first-child{display:flex;white-space:nowrap}.tables-container tr:nth-child(2n){background-color:#f2f2f2}.tables-container tr:hover{background-color:#ddd}.units{display:flex;flex-direction:column;padding:20px;border-radius:8px;font-feature-settings:"case" off}.units h3{font-size:1rem;font-weight:700;color:#333;margin-bottom:15px}.units p{font-size:.9rem;color:#444;display:flex;justify-content:space-between;width:35%;padding:10px;background-color:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d;margin-bottom:8px;transition:transform .2s ease-in-out}.units p span:first-child{font-weight:700;color:#007bff}.units p span:last-child{font-style:italic;color:#28a745}@media only screen and (min-width: 1200px) and (max-width: 1600px){.tables-container{padding:15px}.tables-container h1{font-size:14px}.tables-container th{background-color:#f1f4ff;padding:10px;font-size:12px}.tables-container td{font-size:12px}.units h3{font-size:.9rem;margin-bottom:12px}.units p{font-size:.8rem;width:35%;margin-bottom:6px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.tables-container{padding:15px}.tables-container h1{font-size:13px}.tables-container th{background-color:#f1f4ff;padding:8px;font-size:11px}.tables-container td{font-size:11px}.units h3{font-size:.8rem;margin-bottom:12px}.units p{font-size:.7rem;width:35%;margin-bottom:6px}}@media only screen and (min-width: 0) and (max-width: 767px){.tables-container{padding:15px}.tables-container h1{font-size:12px}.tables-container th{background-color:#f1f4ff;padding:6px;font-size:10px}.tables-container td{font-size:10px}.units{padding:0}.units h3{font-size:.8rem;margin-bottom:12px}.units p{font-size:.7rem;width:80%;margin-bottom:6px}}.table-filter{display:flex;gap:15px;justify-content:space-between;border:1px solid gray;padding:10px;border-radius:12px;font-size:14px;cursor:pointer;font-feature-settings:"case" off;position:relative}.table-filter:hover{border:1px solid #3c77f2}.table-filter .dropdown-content{position:absolute;background:#fff;border:1px solid #ededed;box-shadow:0 4px 20px #0000001a;border-radius:16px;display:flex;flex-direction:column;right:0;z-index:1;margin-top:50px;gap:30px;padding:30px}.table-filter .dropdown-content .unit-section{display:flex;font-feature-settings:"case" on;background-color:#efefef;padding:5px 10px;border-radius:14px}.table-filter .dropdown-content .unit-section p{min-width:100px;padding:10px;border-radius:10px;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center}.table-filter .dropdown-content .unit-section p.selected{background-color:#fff;color:#138c00}.table-filter .dropdown-content .year-section,.table-filter .dropdown-content .name-section{display:flex;flex-direction:column;gap:15px}.table-filter .dropdown-content h3{font-size:14px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.table-filter{font-size:12px;gap:10px}.table-filter svg{width:14px;height:auto}.table-filter .dropdown-content{margin-top:50px;gap:20px;padding:20px}.table-filter .dropdown-content .unit-section p{min-width:100px;padding:10px;border-radius:10px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}.table-filter .dropdown-content .unit-section p.selected{background-color:#fff;color:#138c00}.table-filter .dropdown-content .year-section,.table-filter .dropdown-content .name-section{display:flex;flex-direction:column;gap:15px}.table-filter .dropdown-content h3{font-size:12px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.table-filter{font-size:11px;gap:10px;padding:8px}.table-filter svg{width:12px;height:auto}.table-filter .dropdown-content{margin-top:30px;gap:15px;padding:15px}.table-filter .dropdown-content .unit-section p{min-width:100px;padding:10px;border-radius:10px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.table-filter .dropdown-content .unit-section p.selected{background-color:#fff;color:#138c00}.table-filter .dropdown-content .year-section,.table-filter .dropdown-content .name-section{display:flex;flex-direction:column;gap:10px}.table-filter .dropdown-content h3{font-size:11px}}@media only screen and (min-width: 0) and (max-width: 767px){.table-filter{font-size:10px;gap:8px;padding:7px 7px 0}.table-filter svg{width:11px;height:auto}.table-filter .dropdown-content{margin-top:30px;max-width:200px;gap:15px;padding:15px}.table-filter .dropdown-content .unit-section{flex-direction:column;text-align:center}.table-filter .dropdown-content .unit-section p{min-width:100px;padding:10px;border-radius:10px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.table-filter .dropdown-content .unit-section p.selected{background-color:#fff;color:#138c00}.table-filter .dropdown-content .year-section,.table-filter .dropdown-content .name-section{display:flex;flex-direction:column;gap:10px}.table-filter .dropdown-content h3{font-size:11px}}.tables-years-container{position:relative}.tables-years-container .svg-wrapper{padding:5px 8px;background-color:#f4f4f7;border-radius:50%}.tables-years-container .heading{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:15px;cursor:pointer;justify-content:space-between}.tables-years-container .heading h3{font-size:15px;font-weight:400;font-weight:900}.tables-years-container .dropdown-content{position:absolute;background:#fff;border:1px solid #ededed;box-shadow:0 4px 20px #0000001a;border-radius:16px;padding:15px 10px;display:flex;flex-direction:column;right:0;z-index:1;width:100%;margin-top:10px;height:200px;overflow-y:scroll;gap:5px}.tables-years-container .dropdown-content .wrapper{display:flex;align-items:center;gap:10px;border:.5px solid transparent;cursor:pointer;padding:5px}.tables-years-container .dropdown-content .wrapper .svg-wrapper{padding:50px}.tables-years-container .dropdown-content .wrapper:hover{background:#f2f6ff;border:.5px solid #a0bfff;border-radius:8px}.tables-years-container .dropdown-content .wrapper p{color:#1e1e1e;font-size:14px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.tables-years-container .svg-wrapper{padding:4px 6px}.tables-years-container .svg-wrapper svg{width:12px}.tables-years-container .heading{gap:10px;padding:10px;justify-content:space-between}.tables-years-container .heading h3{font-size:13px}.tables-years-container .dropdown-content{padding:10px 8px;width:100%;margin-top:10px;height:200px;gap:5px}.tables-years-container .dropdown-content .wrapper{gap:10px;padding:5px}.tables-years-container .dropdown-content .wrapper p{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 1199px){.tables-years-container .svg-wrapper{padding:2px 3px}.tables-years-container .svg-wrapper svg{width:10px}.tables-years-container .heading{gap:10px;padding:10px;justify-content:space-between}.tables-years-container .heading h3{font-size:12px}.tables-years-container .dropdown-content{padding:10px 8px;width:100%;margin-top:10px;height:200px;gap:5px}.tables-years-container .dropdown-content .wrapper{gap:10px;padding:5px}.tables-years-container .dropdown-content .wrapper p{font-size:11px}}.names-years-container{position:relative}.names-years-container .svg-wrapper{padding:5px 8px;background-color:#f4f4f7;border-radius:50%}.names-years-container .heading{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:15px;cursor:pointer;justify-content:space-between}.names-years-container .heading h3{font-size:15px;font-weight:400;font-weight:900}.names-years-container .dropdown-content{position:absolute;background:#fff;border:1px solid #ededed;box-shadow:0 4px 20px #0000001a;border-radius:16px;padding:15px 10px;display:flex;flex-direction:column;right:0;z-index:1;width:100%;margin-top:10px;height:200px;overflow-y:scroll;gap:5px}.names-years-container .dropdown-content .wrapper{display:flex;align-items:center;gap:10px;border:.5px solid transparent;cursor:pointer;padding:5px}.names-years-container .dropdown-content .wrapper .svg-wrapper{padding:50px}.names-years-container .dropdown-content .wrapper:hover{background:#f2f6ff;border:.5px solid #a0bfff;border-radius:8px}.names-years-container .dropdown-content .wrapper p{color:#1e1e1e;font-size:14px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.names-years-container .svg-wrapper{padding:4px 6px}.names-years-container .svg-wrapper svg{width:12px}.names-years-container .heading{gap:10px;padding:10px;justify-content:space-between}.names-years-container .heading h3{font-size:13px}.names-years-container .dropdown-content{padding:10px 8px;width:100%;margin-top:10px;height:200px;gap:5px}.names-years-container .dropdown-content .wrapper{gap:10px;padding:5px}.names-years-container .dropdown-content .wrapper p{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 1199px){.names-years-container .svg-wrapper{padding:2px 3px}.names-years-container .svg-wrapper svg{width:10px}.names-years-container .heading{gap:10px;padding:10px;justify-content:space-between}.names-years-container .heading h3{font-size:12px}.names-years-container .dropdown-content{padding:10px 8px;width:100%;margin-top:10px;height:200px;gap:5px}.names-years-container .dropdown-content .wrapper{gap:10px;padding:5px}.names-years-container .dropdown-content .wrapper p{font-size:11px}}.table-download-btn{display:flex;gap:10px;align-items:center;background-color:#138c00;color:#fff;padding:10px;cursor:pointer;border-radius:12px;font-size:14px;font-feature-settings:"case" off}@media only screen and (min-width: 1200px) and (max-width: 1600px){.table-download-btn{padding:7px;font-size:12px;gap:8px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.table-download-btn{padding:7px;font-size:11px;gap:7px}}@media only screen and (min-width: 0) and (max-width: 767px){.table-download-btn{padding:6px;font-size:10px;gap:6px}.table-download-btn svg{width:13px;height:auto}}.table-filter-1{display:flex;gap:15px;justify-content:space-between;border:1px solid gray;padding:10px;border-radius:12px;font-size:14px;cursor:pointer;font-feature-settings:"case" off;position:relative}.table-filter-1:hover{border:1px solid #3c77f2}.table-filter-1 .dropdown-content{position:absolute;background:#fff;border:1px solid #ededed;box-shadow:0 4px 20px #0000001a;border-radius:16px;display:flex;flex-direction:column;right:0;z-index:1;margin-top:50px;gap:30px;padding:30px;width:max-content}.table-filter-1 .dropdown-content .section{display:flex;flex-direction:column;gap:15px}.table-filter-1 .dropdown-content .section .wrapper{display:flex;flex-direction:column;gap:10px}.table-filter-1 .dropdown-content .section .wrapper .carry{display:flex;align-items:center;gap:10px;justify-content:start}.table-filter-1 .dropdown-content h3{font-size:14px}.open{border:1px solid #3c77f2}@media only screen and (min-width: 768px) and (max-width: 1199px){.table-filter-1{gap:10px;padding:10px;font-size:12px}.table-filter-1 .dropdown-content{margin-top:40px;gap:20px;padding:20px}.table-filter-1 .dropdown-content .section{display:flex;flex-direction:column;gap:15px}.table-filter-1 .dropdown-content .section .wrapper,.table-filter-1 .dropdown-content .section .wrapper .carry{gap:5px}.table-filter-1 .dropdown-content h3{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 767px){.table-filter-1{gap:10px;padding:8px;font-size:12px}.table-filter-1 svg{width:12px!important;height:12px!important}.table-filter-1 .dropdown-content{margin-top:30px;gap:20px;padding:20px}.table-filter-1 .dropdown-content .section{display:flex;flex-direction:column;gap:15px}.table-filter-1 .dropdown-content .section .wrapper,.table-filter-1 .dropdown-content .section .wrapper .carry{gap:5px}.table-filter-1 .dropdown-content h3{font-size:12px}}.electricity{background-color:#f4f4f7;color:#000}.electricity .ss-container{padding:40px 200px 200px;display:flex;gap:40px;flex-direction:column;max-width:1800px;margin:auto}.electricity .ss-container .div{display:flex;gap:40px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.electricity .ss-container{padding:40px 100px 200px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.electricity .ss-container{padding:40px 100px 200px}.electricity .ss-container .div{flex-direction:column}.electricity .ss-container .div .div-4{display:none}.electricity .ss-container .div .main-chart{padding:20px 20px 0 0;width:100%;margin:auto}.electricity .ss-container .div .main-chart .header-container .text-wrapper h2{font-size:14px}.electricity .ss-container .div .main-chart .header-container .text-wrapper h3{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 767px){.electricity .ss-container{padding:30px 15px 100px}.electricity .ss-container .div{flex-direction:column}.electricity .ss-container .div .div-4{display:none}.electricity .ss-container .div .main-chart{padding:10px 10px 0 0;width:90%;margin:auto}.electricity .ss-container .div .main-chart .header-container{gap:10px;margin-bottom:0;padding-left:10px}.electricity .ss-container .div .main-chart .header-container svg{width:20px;height:20px}.electricity .ss-container .div .main-chart .header-container .text-wrapper{min-height:0}.electricity .ss-container .div .main-chart .header-container .text-wrapper h2{font-size:12px}.electricity .ss-container .div .main-chart .header-container .text-wrapper h3{font-size:10px}}.production-consumption{background-color:#f4f4f7}.production-consumption .container-ss{display:flex;flex-direction:column;padding:40px 200px 200px;gap:40px;max-width:1800px;margin:auto}.production-consumption .container-ss .div{display:flex;width:80%;justify-content:space-between;margin:auto;gap:100px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.production-consumption .container-ss{padding:40px 100px 200px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.production-consumption .container-ss{padding:40px 50px 200px}.production-consumption .container-ss .div{width:50%;gap:40px;flex-direction:column}.production-consumption .container-ss .tree-map-chart .header-container,.production-consumption .container-ss .pie-chart .header-container{gap:10px;justify-content:center;align-items:center}.production-consumption .container-ss .tree-map-chart .header-container .text-wrapper,.production-consumption .container-ss .pie-chart .header-container .text-wrapper{min-height:0}.production-consumption .container-ss .tree-map-chart .header-container .text-wrapper h2,.production-consumption .container-ss .pie-chart .header-container .text-wrapper h2{font-size:12px}.production-consumption .container-ss .tree-map-chart .header-container .text-wrapper h3,.production-consumption .container-ss .pie-chart .header-container .text-wrapper h3{font-size:10px}.production-consumption .container-ss .pie-chart p,.production-consumption .container-ss .pie-chart span{font-size:13px!important}}@media only screen and (min-width: 0) and (max-width: 767px){.production-consumption .container-ss{padding:30px 15px 100px;gap:20px}.production-consumption .container-ss .div{width:100%;gap:20px;flex-direction:column}.production-consumption .container-ss .tree-map-chart,.production-consumption .container-ss .pie-chart{width:100%}.production-consumption .container-ss .pie-chart p,.production-consumption .container-ss .pie-chart span{font-size:12px!important}}.tree-map-chart{margin:auto;width:80%;padding:30px 30px 40px}.tree-map-chart .year-wrapper{display:flex;flex:1;justify-content:end;gap:15px}.tree-map-chart .download-container{flex:none}@media only screen and (min-width: 768px) and (max-width: 1199px){.tree-map-chart{padding:15px 15px 25px;width:100%;max-width:100%}}@media only screen and (min-width: 0) and (max-width: 767px){.tree-map-chart{padding:10px 10px 25px}.tree-map-chart .header-container{flex-direction:row;margin-bottom:10px;align-items:center}.tree-map-chart .header-container .year-wrapper{align-items:center;gap:5px}}.pie-chart{width:100%}.pie-chart .header-container{gap:15px;align-items:center}.pie-chart .header-container .text-wrapper{min-height:0}.pie-chart .header-container .info-wrapper{flex:1}.pie-chart .years-container .heading{width:max-content;float:right}.pie-chart .years-container .dropdown-content{width:max-content;margin-top:40px}@media only screen and (min-width: 0) and (max-width: 767px){.pie-chart{width:80%!important}.pie-chart .header-container{flex-direction:row}}@media only screen and (min-width: 0) and (max-width: 400px){.pie-chart{width:100%!important}}.child-container{display:grid;gap:40px;background-color:#f4f4f7}.child-container .container-ss{display:flex;flex-direction:column;padding:40px 200px 200px;gap:40px;max-width:1800px;margin:auto;width:100%}.child-container .download-container{flex:0!important}@media only screen and (min-width: 1200px) and (max-width: 1600px){.child-container .container-ss{padding:40px 100px 200px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.child-container .container-ss{padding:40px 50px 200px}}@media only screen and (min-width: 0) and (max-width: 767px){.child-container .container-ss{padding:30px 15px 100px}}.sdg-indicator-container .container-ss{flex-direction:row}.sdg-indicator-container .container-ss .single-area-chart{flex:1}@media only screen and (min-width: 0) and (max-width: 1199px){.sdg-indicator-container .container-ss{flex-direction:column}.sdg-indicator-container .container-ss .single-area-chart{flex:1}}.map-container{position:relative;background-color:#f4f4f7;padding:40px 200px 200px}.map-container .container-ss{border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;border-radius:10px;width:100%;max-width:1400px;margin:auto;padding:20px;width:90%}.map-container .header-container{display:flex;margin-bottom:20px;gap:15px;align-items:center}.map-container .header-container h2{font-size:16px;color:#1e1e1e}.map-container iframe{width:100%;height:500px;border:none;border-radius:10px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.map-container{padding:40px 100px 200px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.map-container{padding:40px 50px 200px}.map-container .container-ss{width:100%}.map-container .container-ss .header-container svg{width:23px;height:23px}.map-container .container-ss .header-container .text-wrapper h2{font-size:14px}.map-container .container-ss .header-container .text-wrapper h3{font-size:12px}}@media only screen and (min-width: 0) and (max-width: 767px){.map-container{padding:30px 15px 100px}.map-container .container-ss{width:100%}.map-container .container-ss .header-container{gap:10px}.map-container .container-ss .header-container svg{width:20px;height:20px}.map-container .container-ss .header-container .text-wrapper h2{font-size:12px}.map-container .container-ss .header-container .text-wrapper h3{font-size:10px}}