*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:800}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.hide{display:none;}

:root, :before, :after{
  --site-container:987px;
  --size-1:5px;
  --size-2:8px;
  --size-3:13px;
  --size-4:21px;
  --size-5:34px;
  --size-6:55px;
  --max-zindex:2147483648;
  --default-fontsize:15px;
  --bg-1:240deg 55% 24%;
}

body, html{font-family:'Roboto',sans-serif; font-size:var(--default-fontsize); font-weight:400; letter-spacing:0.2px; font-feature-settings:'lnum' 1; 
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
html{scroll-behavior:smooth;}
body{overflow-x:hidden; position:relative; background-color:hsl(var(--bg-1) / 100%);}
a{font-weight:bold;}
.btn, a.btn, button.btn{padding:var(--size-3) var(--size-4); font-weight:normal; -webkit-appearance:none; text-transform:capitalize; 
display:flex; text-align:center; align-items:center; justify-content:center;}
#btt, .popup-copied, .popup-issue{display:none;}
.content_center{display:flex; justify-content:center; align-items:center;}
.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori:before{content:''; display:block;}
.flex_ori img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.flex_ori img:not([src]){visibility:hidden;}
.float-overlay, .popup-copied, .sticky-bottom{display:none;}
.section-title{margin-bottom:var(--size-5);}
.section-title-label{font-weight:900; font-size:var(--size-5); text-transform:uppercase; padding-bottom:var(--size-2); border-bottom:1px solid;}
.share-list{display:flex;}
.sticky-link{height:100%; padding:0 var(--size-3); font-weight:bold; text-transform:uppercase;}
.sticky-link .svgicon{width:auto; height:calc(var(--default-fontsize) + var(--size-1));}
.width-max{position:relative; width:100%; max-width:var(--site-container); margin:0 auto;}

header{position:fixed; top:0; left:0; width:100%; height:var(--size-6); z-index:calc(var(--max-zindex) - 2000);
background-color:hsl(var(--bg-4) / 100%);}
header > span{ display:flex; flex-wrap:wrap; justify-content:space-between; height:100%;}
@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none){
  header{-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background-color:hsl(var(--bg-4) / 55%);}
}

menu{display:grid; z-index:calc(var(--max-zindex) - 3000); grid-auto-flow:column; align-items:center; overflow-x:auto;}

.site-container{min-height:100vh;}
.section-row{padding:var(--size-6) var(--size-4); display:flex; flex-wrap:wrap; justify-content:center; position:relative;}

.section-cover{padding:calc(var(--size-6) * 2) var(--size-4) var(--size-6); clip-path:inset(0px);}
.section-cover:after{content:''; display:block; position:absolute; z-index:2; bottom:0; left:0; width:100%; height:calc(var(--size-6) * 2);}
.section-cover-bg{position:fixed; z-index:0; top:0; left:0; width:100%; height:100%;}
.section-cover-bg img{position:relative; z-index:1; height:auto;}
.section-cover-container{display:grid; grid-gap:var(--size-4); position:relative; z-index:2000;}
.scc-logo img{width:89px; height:auto;}
.scc-title{font-size:var(--size-4); line-height:140%; font-weight:bold; text-transform:uppercase;}
.scc-desc p{line-height:140%; padding-top:var(--size-4);}

.section-topinfo-container, .stc-box, .stc-content{display:grid; align-items:center;}
.section-topinfo-container{grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); grid-column-gap:var(--size-5); grid-row-gap:var(--size-6);}
.stc-box{grid-template-columns:auto 1fr; grid-gap:var(--size-4);}
.stc-icon-frame{width:89px;}
.stc-info{justify-content:flex-start;}
.stc-content{grid-template-columns:auto 1fr; grid-gap:var(--size-2);}
.stc-title{grid-column:1/3; font-size:var(--size-4); text-transform:uppercase;}
.stc-number{font-size:var(--size-5); font-weight:bold;}

.stc-box-population .stc-icon-frame:before{padding-top:91.74%;}
.stc-box-economy .stc-icon-frame:before{padding-top:80.95%;}
.stc-box-trade .stc-icon-frame:before{padding-top:100%;}




@media screen and (min-width:0px) and (max-width:1023px){
  .desktop-only, .bigdesktop-only{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  header{padding:0 var(--size-2);}
  
  menu{height:var(--size-6); position:fixed; bottom:0; left:0; width:100%; background-color:hsl(var(--bg-4) / 95%);}
  menu .sticky-link:first-child{padding-left:var(--size-4);}
  menu .sticky-link:last-child{padding-right:var(--size-4);}
  menu .sticky-link > span{position:relative;}
  menu .sticky-link:not(:first-child) > span:before{content:''; display:block; position:absolute; top:0; left:calc(var(--size-3) * -1); 
  width:1px; height:100%; background-color:var(--color-border);}
  @supports(-webkit-backdrop-filter:none) or (backdrop-filter:none){
    menu{-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background-color:hsl(var(--bg-4) / 55%);}
  }
  
}