@import url(https://fonts.googleapis.com/css?family=Roboto+Serif:600,700.css);.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container{align-items:start}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .background_ring{display:none}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content{padding:0 10px 0 0;z-index:1}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content h2{display:none}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .intro{color:#454545;font-size:13px;margin-bottom:10px;text-align:left}@media (min-width:769px){.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content{height:auto}}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container{margin-bottom:15px;max-width:100%}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container.right{text-align:left}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container h3{color:#000;font-size:24px}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container .extra{color:#454545;font-size:15px}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container .dots_container{float:left;width:100%}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container .dots_container .dots{display:none;justify-content:left}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container.share_gdp .extra{display:block}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container .number.share_gdp{justify-content:flex-start}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container .number.total_cost .value{display:inline-block;font-size:60px;line-height:60px;margin-right:5px}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .number_container .number.total_cost .unit{font-size:24px;line-height:28px;text-align:left}.app-root-2023-sdg_costing.app-root-2023-sdg_costing_pathway .app .app_container .content .show_more_container{display:none}.app-root-2023-sdg_costing .app{box-sizing:border-box;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin:20px 0;padding:0 10px}.app-root-2023-sdg_costing .app .app_container{align-items:center;background-color:transparent;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:auto;text-align:center;width:100%}.app-root-2023-sdg_costing .app .app_container .background_ring{background-color:#fff;border-radius:10%;height:670px;max-width:620px;opacity:.95;position:absolute;width:100%;z-index:2}@media (max-width:768px){.app-root-2023-sdg_costing .app .app_container .background_ring{background-color:transparent}}.app-root-2023-sdg_costing .app .app_container .content{background-color:hsla(0,0%,100%,.8);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;max-width:600px;padding:20px;position:relative;width:100%;z-index:3}@media (min-width:769px){.app-root-2023-sdg_costing .app .app_container .content{background-color:transparent;height:670px;padding:30px 20px 20px}}.app-root-2023-sdg_costing .app .app_container .content h2{color:#0077b8;font-family:Roboto Serif;font-size:44px;font-weight:700;line-height:44px;margin:0 0 5px}.app-root-2023-sdg_costing .app .app_container .content h2:after{display:none}.app-root-2023-sdg_costing .app .app_container .content .intro{color:#666;font-size:15px;margin:0 0 30px;text-transform:uppercase}.app-root-2023-sdg_costing .app .app_container .content .number_container{margin:0 auto 20px;max-width:500px;opacity:0;transition-duration:3s;transition-property:opacity;width:100%}.app-root-2023-sdg_costing .app .app_container .content .number_container.total_cost.visible{opacity:1;transition-delay:.5s}.app-root-2023-sdg_costing .app .app_container .content .number_container.share_gdp{opacity:0}.app-root-2023-sdg_costing .app .app_container .content .number_container.share_gdp.visible{opacity:1;transition-delay:1.5s}.app-root-2023-sdg_costing .app .app_container .content .number_container.share_gdp .extra{display:none}.app-root-2023-sdg_costing .app .app_container .content .number_container.gap{opacity:0}.app-root-2023-sdg_costing .app .app_container .content .number_container.gap.visible{opacity:1;transition-delay:3s}.app-root-2023-sdg_costing .app .app_container .content .number_container h3{color:#0077b8;font-family:Roboto Condensed;font-size:36px;font-weight:700;margin:0 0 5px}.app-root-2023-sdg_costing .app .app_container .content .number_container.left{text-align:left}.app-root-2023-sdg_costing .app .app_container .content .number_container.right{text-align:right}.app-root-2023-sdg_costing .app .app_container .content .number_container .number{color:#0077b8;font-weight:600}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.total_cost{display:flex}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.total_cost .value{display:inline-block;font-size:80px;line-height:80px;margin-right:5px}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.total_cost .unit{font-size:34px;line-height:36px}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.share_gdp{display:flex;justify-content:flex-end}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.share_gdp .value{display:inline-block;font-size:50px;line-height:50px;margin-right:5px}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.share_gdp .unit{font-size:20px;line-height:24px;text-align:left}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.gap{display:flex}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.gap .value{display:inline-block;font-size:55px;line-height:50px;margin-right:5px}.app-root-2023-sdg_costing .app .app_container .content .number_container .number.gap .unit{font-size:20px;line-height:24px;text-align:left}.app-root-2023-sdg_costing .app .app_container .content .number_container .extra{color:#666;font-size:18px;font-weight:400}.app-root-2023-sdg_costing .app .app_container .content .number_container .dots_container{float:right;width:240px}.app-root-2023-sdg_costing .app .app_container .content .number_container .dots_container .dots{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:right;margin:auto auto 5px}.app-root-2023-sdg_costing .app .app_container .content .number_container .dots_container .dots .dot{align-content:center;align-items:center;background-color:transparent;display:inline-flex;height:35px;justify-content:center;margin:4px;position:relative;width:35px}.app-root-2023-sdg_costing .app .app_container .content .number_container .dots_container .dots .dot .dot_wrapper{background-color:#009edb;border-radius:10px;display:inline-block;height:0;width:0}.app-root-2023-sdg_costing .app .app_container .content .number_container .dots_container .dots .dot .dot_wrapper span{border-radius:10px;display:inline-block;height:35px;width:35px}.app-root-2023-sdg_costing .app .app_container .content .number_container .dots_container .dots .dot .dot_wrapper.share span{background-color:#004987;float:left;opacity:0;transition-delay:1s;transition-duration:3s;transition-property:opacity;width:100%}.app-root-2023-sdg_costing .app .app_container .content .number_container .dots_container .dots .dot .dot_wrapper.share span.visible{opacity:1}.app-root-2023-sdg_costing .app .app_container .content .show_more_container{max-width:500px;opacity:0;text-align:right;transition-delay:3s;transition-duration:3s;transition-property:opacity;width:100%}@media (min-width:769px){.app-root-2023-sdg_costing .app .app_container .content .show_more_container{bottom:-50px;left:100px;position:absolute}}.app-root-2023-sdg_costing .app .app_container .content .show_more_container.visible{opacity:1}.app-root-2023-sdg_costing .app .app_container .content .show_more_container .show_more_wrapper{display:inline-block}.app-root-2023-sdg_costing .app .app_container .content .show_more_container .show_more_wrapper a{background-color:#009edb;border:4px solid #fff;border-radius:40px;box-sizing:content-box;color:#fff;display:table-cell;font-size:13px;font-weight:600;height:90px;letter-spacing:.05em;line-height:20px;opacity:1;text-align:center;text-decoration:none;text-shadow:0 0 0;text-transform:uppercase;vertical-align:middle;width:90px}.app-root-2023-sdg_costing .app .app_container .content .show_more_container .show_more_wrapper a:hover{background-color:#f2f2f2;border-color:#009edb;color:#0077b8;cursor:pointer;transition:all .3s}.clearfix{zoom:1}.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}.ss-terms{margin:40px auto auto;max-width:450px}.meta{color:#333;font-size:13px;line-height:16px;padding:0 10px 40px}.clear_both{clear:both}.hidden{display:none}.nowrap{white-space:nowrap}