@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,700|Noto+Sans:400");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url(https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/css/font-awesome.css);
@import url(https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/css/easy-responsive-tabs.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,700|Noto+Sans:400");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");
@import url(https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/css/font-awesome.css);
@import url(https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/css/easy-responsive-tabs.css);
@import url(https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/css/jquery.modal.min.css);
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 17px;
  margin: 0;
  padding: 0;
  color: rgb(30, 30, 30);
}

* {
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
}

p {
  font-size: 17px;
  line-height: 22px;
}

h1 {
  font-size: 55px;
  line-height: 65px;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
}

h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}

h4 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
}

h5 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

h6 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}

::-webkit-input-placeholder {
  color: rgb(101, 101, 101);
}

::-moz-placeholder {
  color: rgb(101, 101, 101);
}

:-ms-input-placeholder {
  color: rgb(101, 101, 101);
}

:-moz-placeholder {
  color: rgb(101, 101, 101);
}

.yc_wrapper {
  background-color: rgb(255, 255, 255);
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.yc_wrapper .yc_body_wrapper {
  margin: 0;
  padding: 0;
  clear: both;
}

/* Add This */
.horiz_sharing {
  position: absolute;
  right: 0;
  z-index: 1;
}
.horiz_sharing a {
  margin: 0 0 5px !important;
  background-color: rgb(76, 159, 56) !important;
}
.horiz_sharing .at-icon-wrapper {
  background-color: none !important;
}

a .at-icon-wrapper {
  background-color: rgb(76, 159, 56) !important;
}
/* Add This */
.mobile_facets {
  display: none;
}

@media screen and (max-width: 991px) {
  p {
    font-size: 14px;
    line-height: 22px;
  }
  h1 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 700;
  }
  h2 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
  }
  h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
  }
  h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
  }
  h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
  h6 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 45px;
    line-height: 48px;
    font-weight: 700;
  }
  .desktop_facets {
    display: none;
  }
  .mobile_facets {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  h1 {
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
  }
}
/* Header Styles */
/*
===================
*/
.yc_header_wrapper {
  margin: 0;
  padding: 0;
}
.yc_header_wrapper .yc_header {
  position: relative;
  margin: 0;
  padding: 0;
}
.yc_header_wrapper .yc_header .utilityNav {
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}
.yc_header_wrapper .yc_header .utilityNav_content {
  max-width: 1440px;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 10px;
  overflow: hidden;
}
.yc_header_wrapper .yc_header .utilityNav_content .navSocial {
  float: right;
  margin: 0 35px 0 10px;
}
.yc_header_wrapper .yc_header .utilityNav_content .navSocial ul {
  margin: 0;
  padding: 0;
}
.yc_header_wrapper .yc_header .utilityNav_content .navSocial ul li {
  list-style: none;
}
.yc_header_wrapper .yc_header .utilityNav_content .navSocial ul li {
  display: inline-block;
  margin: 0 10px;
}
.yc_header_wrapper .yc_header .utilityNav_content .navSocial ul li a {
  display: block;
  color: rgb(255, 255, 255);
}
.yc_header_wrapper .yc_header .utilityNav_content .navSocial ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_header_wrapper .yc_header .utilityNav_content .navSocial ul li:last-child a {
  margin: 0;
}
.yc_header_wrapper .yc_header .utilityNav_content .navGlobal {
  float: left;
  margin-left: 35px;
}
.yc_header_wrapper .yc_header .utilityNav_content .navGlobal ul {
  margin: 0;
  padding: 0;
}
.yc_header_wrapper .yc_header .utilityNav_content .navGlobal ul li {
  list-style: none;
}
.yc_header_wrapper .yc_header .utilityNav_content .navGlobal ul li {
  display: inline;
  padding: 0 12px 0 0;
  border-right: 1px solid rgb(255, 255, 255);
}
.yc_header_wrapper .yc_header .utilityNav_content .navGlobal ul li a {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}
.yc_header_wrapper .yc_header .utilityNav_content .navGlobal ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_header_wrapper .yc_header .utilityNav_content .navGlobal ul li:last-child {
  border-right: none;
  padding: 0;
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage {
  overflow: hidden;
  text-align: center;
  width: 360px;
  margin: 0 auto;
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage ul {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage ul li {
  list-style: none;
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage ul li {
  display: inline;
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage ul li a {
  font-size: 12px;
  color: rgb(255, 255, 255);
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage ul li:after {
  content: "|";
  margin-left: 7px;
  margin-right: 7px;
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage ul li:last-child {
  border-right: none;
  padding-right: 0;
}
.yc_header_wrapper .yc_header .utilityNav_content .navLanguage ul li:last-child:after {
  content: "";
  margin-left: 0;
}
.yc_header_wrapper .yc_header .primaryNav {
  margin: 0;
  padding: 0;
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.2);
}
.yc_header_wrapper .yc_header .primaryNav_content {
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px 0;
}
.yc_header_wrapper .yc_header .primaryNav_content .branding {
  float: left;
  margin: 0 20px 0 35px;
}
.yc_header_wrapper .yc_header .primaryNav_content .branding img {
  display: block;
}
.yc_header_wrapper .yc_header .primaryNav_content .branding svg {
  height: 75px;
  width: auto;
}
.yc_header_wrapper .yc_header .primaryNav_content .mainNav {
  text-align: right;
}
.yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul li {
  list-style: none;
}
.yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 68px;
  vertical-align: top;
}
.yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul > li > a {
  display: block;
  font-size: 22px;
  font-weight: 500;
  color: rgb(101, 101, 101);
}
.yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul > li > a:hover {
  color: rgb(0, 174, 239);
}
.yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul > li span {
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  color: rgb(101, 101, 101);
  line-height: 68px;
  vertical-align: top;
  cursor: pointer;
}
.yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul > li span:hover {
  color: rgb(0, 174, 239);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yc_header_wrapper .yc_header .primaryNav_content .branding {
    margin: 0 10px 0 35px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .branding img {
    max-width: 140px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .branding svg {
    width: auto;
    height: 65px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav {
    text-align: center;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul > li > a {
    font-size: 20px;
    margin-right: 23px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav .inline-search form input[type=search] {
    font-size: 17px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav .inline-search form:focus {
    width: 50px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav .inline-search:before {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yc_header_wrapper .yc_header .utilityNav_content .navSocial {
    margin: 0 10px 0 10px;
  }
  .yc_header_wrapper .yc_header .utilityNav_content .navGlobal {
    margin-left: 10px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .branding {
    margin: 0 10px 0 10px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .branding img {
    max-width: 120px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .branding svg {
    width: auto;
    height: 60px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav {
    text-align: center;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul > li > a {
    font-size: 17px;
    margin-right: 15px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav > ul > li span {
    font-size: 17px;
    margin-right: 40px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav .inline-search form input[type=search] {
    font-size: 17px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav .inline-search form:focus {
    width: 50px;
  }
  .yc_header_wrapper .yc_header .primaryNav_content .mainNav .inline-search:before {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .yc_header_wrapper .yc_header {
    display: none;
  }
}
.yc_header_wrapper .yc_header_mobile {
  display: none;
  position: relative;
}
.yc_header_wrapper .yc_header_mobile .utilityNav {
  margin: 0;
  padding: 0;
  background-color: #00aeef;
  color: rgb(255, 255, 255);
}
.yc_header_wrapper .yc_header_mobile .utilityNav_content {
  margin: 0;
  padding: 0;
}
.yc_header_wrapper .yc_header_mobile .utilityNav_content .navSocial {
  margin: 0;
  padding: 0;
  display: none;
}
.yc_header_wrapper .yc_header_mobile .utilityNav_content .navSocial ul {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.yc_header_wrapper .yc_header_mobile .utilityNav_content .navSocial ul li {
  list-style: none;
}
.yc_header_wrapper .yc_header_mobile .utilityNav_content .navSocial ul li {
  display: inline-block;
  margin: 0;
  width: 20%;
  text-align: center;
}
.yc_header_wrapper .yc_header_mobile .utilityNav_content .navSocial ul li a {
  display: block;
  color: rgb(255, 255, 255);
  padding: 10px 0;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.yc_header_wrapper .yc_header_mobile .utilityNav_content .navSocial ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_header_wrapper .yc_header_mobile .utilityNav_content .navSocial ul li:last-child a {
  margin: 0;
  border-right: none;
}
.yc_header_wrapper .yc_header_mobile .primaryNav {
  margin: 0;
  padding: 0;
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.2);
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .branding {
  max-width: 160px;
  padding: 20px 16px;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-flex-flow: nowrap;
  justify-content: space-between;
  box-pack: justify;
  -ms-flex-pack: justify;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .branding a:first-child {
  margin-right: 15px;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .branding img {
  display: block;
  width: 100%;
  height: auto;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .branding svg {
  width: auto;
  height: 27px;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav {
  position: relative;
  float: right;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav ul {
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav ul li {
  list-style: none;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav ul li {
  border-left: 0px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 16px 20px;
  font-size: 30px;
  color: #ffffff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav ul li:hover {
  background-color: #f0f0f0;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav ul li:first-child {
  padding: 16px 10px 16px 20px;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav ul li:nth-child(2) {
  padding: 16px 20px 16px 10px;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav ul li.close-btn {
  padding: 16px 21px;
  background-color: #f0f0f0;
  color: #005696;
}
.yc_header_wrapper .yc_header_mobile .primaryNav_content .mainNav ul li.hidden {
  display: none;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: rgb(0, 86, 150);
  display: none;
  height: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content {
  position: relative;
  padding: 20px 40px;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content .mobileNav {
  margin: 0;
  padding: 0;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content .mobileNav ul {
  margin: 0;
  padding: 0;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content .mobileNav ul li {
  list-style: none;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content .mobileNav ul li {
  margin: 5px 0;
  display: block;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content .mobileNav ul li a {
  display: block;
  padding: 10px 20px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content .globalNav {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 40px;
  padding: 40px 0;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content .globalNav ul {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.yc_header_wrapper .yc_header_mobile .mobile_menu_content .globalNav ul li {
  list-style: none;
}
.yc_header_wrapper .yc_header_mobile .mobile_search {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: rgb(3, 69, 105);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  display: none;
}
.yc_header_wrapper .yc_header_mobile .mobile_search_content {
  position: relative;
  padding: 20px 30px;
}
.yc_header_wrapper .yc_header_mobile .mobile_search_content .search-close {
  font-size: 24px;
  color: rgb(255, 255, 255);
  float: right;
  margin-bottom: 20px;
}
.yc_header_wrapper .yc_header_mobile .mobile_search_content form {
  margin: 0;
  padding: 0;
}
.yc_header_wrapper .yc_header_mobile .mobile_search_content form input[type=text] {
  display: block;
  width: 100%;
  font-size: 20px;
  padding: 5px;
}
.yc_header_wrapper .yc_header_mobile .mobile_search_content form input[type=submit] {
  display: block;
  border-collapse: collapse;
  border: 1px solid rgb(255, 255, 255);
  font-size: 16px;
  padding: 10px 20px;
  max-width: 200px;
  margin: 10px auto;
  background: none;
  color: rgb(255, 255, 255);
}
.yc_header_wrapper .yc_header_mobile .mobile_search_content form input[type=submit]:hover {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .yc_header_wrapper .yc_header_mobile {
    display: block;
    background-color: #005696;
  }
}

.hero-section .readmore_icon {
  color: #d5d5d5;
  border: 1px solid #d5d5d5;
}

.landing .modal {
  background-color: #000;
  border: 0.0725em solid #000;
  border-radius: 0.0725em;
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);
  display: none;
  max-width: 100%;
  padding: 0.1em;
  visibility: hidden;
  z-index: 2;
  height: auto;
  width: 100%;
}
.landing .modal video {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.landing .modal.active {
  display: inline-block;
  z-index: 99999;
  width: 70%;
  max-width: 800px;
  height: auto;
  max-height: 80vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
}
.landing .modal:focus {
  outline: none;
}
.landing .modal-bg {
  background-color: #272727;
  bottom: 0;
  position: fixed;
  left: 0;
  opacity: 0.9;
  right: 0;
  top: 0;
  z-index: 1;
}
.landing .close {
  color: #ffffff;
  cursor: pointer;
  float: right;
  font-weight: 700;
  font-size: 1.5em;
  text-decoration: none;
}
.landing .close:hover {
  color: #ffffff;
  cursor: pointer;
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
  .landing .modal.active {
    width: 60%;
    top: 55%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  .landing .modal.active {
    width: 70%;
    max-width: 80%;
    height: auto;
    max-height: 80vh;
    top: 50%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .landing .modal.active {
    width: 60%;
    max-width: 80%;
    height: auto;
    max-height: 80vh;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .landing .modal.active {
    width: 56%;
    max-width: 80%;
    height: auto;
    max-height: 80vh;
  }
}

.MainNavigation {
  position: relative;
  padding: 0;
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1500px) {
  .MainNavigation {
    padding: 0;
  }
}

.MainNavigation.innerpagelayout {
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.MainNav {
  float: right;
  width: auto;
}
.MainNav div > ul {
  margin: 0;
  padding: 0;
  right: 0;
  display: inline-block;
}
.MainNav div > ul > li.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f078";
  font-size: 14px;
  margin-left: 5px;
}
.MainNav div > ul > li.active.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f077";
  font-size: 14px;
  margin-left: 5px;
}
.MainNav div > ul > li {
  list-style: none;
  display: inline;
  /*
  &.sitesearch a{
  	font-size: 18px;
  	font-style: italic;

  	& i.fa{
  		font-size: 22px;
  		color: #00ADEF;
  	}
  }
  */
}
.MainNav div > ul > li .mainnav_sub {
  position: absolute;
  left: 0;
  top: 170px;
  background: #00aeef;
  width: 100%;
  color: #fff;
  z-index: 3000;
  display: none;
  min-height: 110px;
}
.MainNav div > ul > li .mainnav_sub_wrap {
  max-width: 1240px;
  margin: 1em auto;
  padding: 20px 40px 10px 40px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-flow: nowrap;
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section {
  padding-right: 30px;
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section ul {
  margin: 0;
  padding: 0;
  background: none;
  column-count: 4;
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section ul li.bc a {
  background-color: rgba(0, 0, 0, 0.1);
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section ul li {
  display: block;
  list-style: none;
  border: none;
  margin-bottom: 5px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section ul li a {
  border: none;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  float: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  padding: 5px 10px;
  line-height: 1.4em;
  height: inherit;
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section ul li a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section:first-child {
  width: 100%;
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section:nth-child(2) {
  width: 25%;
  padding-right: 0;
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  display: none;
}
.MainNav div > ul > li .mainnav_sub_wrap .mainnav_sub_section:nth-child(2) h4 {
  margin-top: 0px;
  margin-bottom: 15px;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
.MainNav div > ul > li .mainnav_sub_wrap .featured {
  font-size: 18px;
}
.MainNav div > ul > li .mainnav_sub_wrap .featured a {
  border: none;
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  float: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  padding: 0;
  height: inherit;
}
.MainNav div > ul > li .mainnav_sub_wrap .featured a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  border: none;
}
.MainNav div > ul > li .mainnav_sub_wrap .featured a:hover {
  color: hsla(0deg, 0%, 100%, 0.7);
}
.MainNav div > ul > li .mainnav_sub_wrap .featured a .nav-featured-content-text {
  line-height: 14px;
}
.MainNav div > ul > li .mainnav_sub_wrap .featured a .nav-featured-content-text:after {
  font-family: FontAwesome;
  content: "\f105";
  margin-left: 5px;
  font-size: 0.8em;
  display: inline-block;
}
.MainNav div > ul > li .mainnav_sub .focus_menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #5aafed;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_left, .MainNav div > ul > li .mainnav_sub .focus_menu_right {
  border: 0px solid #fff;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_left {
  width: 25%;
  background-color: #48a6ea;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_left ul {
  margin: 2em;
  padding: 0;
  background: none;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_left ul li.bc a {
  background-color: rgba(0, 0, 0, 0.1);
}
.MainNav div > ul > li .mainnav_sub .focus_menu_left ul li {
  display: block;
  list-style: none;
  border: none;
  margin-bottom: 5px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_left ul li a {
  border: none;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  float: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  padding: 5px 10px;
  line-height: 1.4em;
  height: auto;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_left ul li a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.MainNav div > ul > li .mainnav_sub .focus_menu_right {
  width: 73%;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_right .mainnav_sub_wrap {
  margin: 0;
  padding: 0;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_right .mainnav_sub_wrap .mainnav_sub_section ul {
  margin: 2em 1em;
  padding: 0;
  background: none;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_right .mainnav_sub_wrap .mainnav_sub_section ul .mobile_focus {
  display: none;
}
@media screen and (max-width: 767px) {
  .MainNav div > ul > li .mainnav_sub .focus_menu_right .mainnav_sub_wrap .mainnav_sub_section ul .mobile_focus {
    display: block;
  }
}
.MainNav div > ul > li .mainnav_sub .focus_menu_right .mainnav_sub_wrap .mainnav_sub_section ul li.bc a {
  background-color: rgba(0, 0, 0, 0.1);
}
.MainNav div > ul > li .mainnav_sub .focus_menu_right .mainnav_sub_wrap .mainnav_sub_section ul li {
  display: block;
  list-style: none;
  border: none;
  margin-bottom: 5px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_right .mainnav_sub_wrap .mainnav_sub_section ul li a {
  border: none;
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  float: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  padding: 5px 10px;
  line-height: 1.4em;
  height: auto;
}
.MainNav div > ul > li .mainnav_sub .focus_menu_right .mainnav_sub_wrap .mainnav_sub_section ul li a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.MainNav div > ul > li a {
  float: left;
  line-height: 104px;
  height: inherit;
  border-left: 0px solid #d6d6d6;
  border-bottom: 3px solid #fff;
  padding: 0.35em 1em;
  color: #656565;
  font-weight: 400;
  margin: 0;
  font-size: 22px;
}
.MainNav div > ul > li a:hover {
  background: rgba(239, 228, 228, 0.3);
}
.MainNav div > ul > li a i.fa {
  font-size: 14px;
}
.MainNav div > ul > li span {
  float: left;
  line-height: 104px;
  height: inherit;
  border-left: 0px solid #d6d6d6;
  border-bottom: 3px solid #fff;
  padding: 0.35em 1em;
  color: #656565;
  font-weight: 400;
  margin: 0;
}
.MainNav div > ul > li span form {
  position: relative;
  width: inherit;
  height: 54px;
  z-index: 510;
  width: auto;
  overflow: hidden;
}
.MainNav div > ul > li span form input[type=text] {
  display: block;
  float: left;
  overflow: hidden;
  width: 65px;
  height: 75px;
  line-height: 104px;
  font-size: 18px;
  font-style: italic;
  border: none;
  font-weight: 100;
  -webkit-transition: all 0.3s ease 1s;
  -moz-transition: all 0.3s ease 1s;
  -o-transition: all 0.3s ease 1s;
  -ms-transition: all 0.3s ease 1s;
  transition: all 0.3s ease 1s;
}
.MainNav div > ul > li span form input[type=text]:focus {
  outline: none;
  width: 150px;
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
}
.MainNav div > ul > li span form input[type=submit] {
  display: none;
}
.MainNav div > ul > li span:before {
  content: "\f002";
  font-family: "FontAwesome";
  font-weight: 100;
  float: left;
  margin-right: 0.2em;
  font-size: 22px;
  color: #00adef;
}
.MainNav div > ul > li.bc a {
  background: rgba(239, 228, 228, 0.3);
}
.MainNav div > ul > li.active a {
  background: rgba(239, 228, 228, 0.3);
  border-bottom: 3px solid #00abf1;
}
.MainNav div > ul > li.active a i.fa {
  transform-style: preserve-3d;
  transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);
}
.MainNav div > ul > li.active .mainnav_sub {
  display: block;
}
.MainNav div > ul > li.active .mainnav_sub a {
  background: none;
}
.MainNav .goals_wheel {
  float: right;
  height: 120px;
  line-height: 85px;
  position: relative;
  width: 45px;
}
.MainNav .goals_wheel img {
  display: block;
  width: 45px;
  height: auto;
  object-fit: scale-down;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 481px) and (max-width: 766px) {
  .MainNav div > ul > li {
    list-style: none;
    display: inline-block;
    width: 16%;
  }
  .MainNav div > ul > li a {
    line-height: 18px;
    font-size: 16px;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 800px) {
  .UNEPlogo img {
    height: 50px;
  }
  .MainNav div > ul > li .mainnav_sub {
    top: 75px;
  }
  .MainNav div > ul > li a {
    height: 55px;
  }
  .MainNav div > ul > li a {
    line-height: 52px;
  }
  .MainNavigation {
    position: relative;
    padding: 0 0 0 10px;
  }
  .MainNav div > ul > li a {
    padding: 0.35em 0.8em;
    font-size: 16px;
  }
  .MainNav .inline-search form input[type=search] {
    width: 30px;
  }
  .MainNav .inline-search {
    height: 72px;
  }
  .MainNav .inline-search::before {
    line-height: 70px;
  }
}
.nav_main {
  position: relative;
}
.nav_main .dropdown-toggle {
  background-color: #ffffff;
  font-size: 22px;
  margin-right: 25px !important;
  font-weight: 500;
  color: rgb(101, 101, 101);
  padding: 18px 20px;
  cursor: pointer;
  position: relative;
  transition: all ease-in-out 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav_main .dropdown-toggle {
    margin-right: 0px;
  }
}
.nav_main .dropdown-toggle label {
  cursor: pointer;
  width: 100%;
}
.nav_main .dropdown-menu {
  width: 100%;
  margin-top: 20px;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  background-color: #fff;
  z-index: 10;
}
.nav_main .dropdown-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 10;
}
.nav_main .dropdown-menu a {
  text-decoration: none;
  display: block;
  color: #005696;
  font-size: 15px;
  padding: 16px 20px;
  font-weight: 600;
  transition: all ease-in-out 0.3s;
  line-height: 1.5;
}
.nav_main .dropdown-menu a:hover, .nav_main .dropdown-menu a:active, .nav_main .dropdown-menu a:focus {
  background-color: #ebebeb;
  color: #005696;
}

.dropdown-menu,
.dropdown-toggle {
  position: relative;
}
.dropdown-menu::before,
.dropdown-toggle::before {
  content: "\f078";
  font-family: FontAwesome;
  font-weight: 400;
  font-size: 14px;
  margin-left: 5px;
  position: absolute;
  right: 18px;
  top: 56%;
  transform: translateY(-50%);
  margin-top: -2.5px;
  background-color: rgba(0, 0, 0, 0);
  transition: all ease-in-out 0.2s;
}

.nav_main.dropdown-open .dropdown-toggle:before {
  transform: translateY(-50%) rotate(180deg);
}

.dropdown-menu {
  z-index: 10;
  position: relative;
  text-align: left;
}
.dropdown-menu::before {
  display: none;
}

.dropdown-open .dropdown-menu.dropdown-active {
  display: block;
}

.dropdown-container.dropdown-open .dropdown-toggle {
  background-color: #fff;
  color: #ffffff;
}
.dropdown-container.dropdown-open .dropdown-toggle:before {
  transform: rotate(-135deg);
}

.inline-search {
  float: right;
  height: 68px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
}
.inline-search .search-icon {
  font-family: "FontAwesome";
  font-weight: 100;
  font-size: 22px;
  color: #215E92;
  line-height: 1;
  cursor: pointer;
}
.inline-search .search-icon::before {
  content: "\f002";
}
.inline-search form {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  position: relative;
}
.inline-search form input[type=submit] {
  display: none;
}
.inline-search form:focus-within .search-icon {
  transform: translateY(-50%) scale(1.1);
  color: #005696;
}
.inline-search form input[type=search] {
  width: 75px;
  padding: 0px;
  color: #000;
  transition: all 0.3s ease 0.1s;
  border: none;
  box-shadow: none;
  font-family: "Montserrat";
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 19.84px;
  letter-spacing: 0px;
}
.inline-search form input[type=search]:focus {
  outline: none;
  width: 180px;
  transition: all 0.3s ease 0.1s;
  transform: scale(1.02);
  background-color: #f8f8f8;
}
.inline-search form input[type=search]::-webkit-search-decoration, .inline-search form input[type=search]::-webkit-search-cancel-button, .inline-search form input[type=search]::-webkit-search-results-button, .inline-search form input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.inline-search form label {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 19.84px;
  letter-spacing: 0px;
  color: #000;
}
.inline-search form label.visually-hidden {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 19.84px;
  letter-spacing: 0px;
  color: #000;
}
.inline-search::before {
  display: none;
}

/* Footer Styles */
/*
===================
*/
.yc_footer_wrapper {
  margin: 0;
  padding: 0;
  background-color: rgb(58, 154, 207);
  color: rgb(255, 255, 255);
  clear: both;
}
.yc_footer_wrapper .yc_footer {
  position: relative;
  margin: 0;
  padding: 0;
}
.yc_footer_wrapper .yc_footer_content {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-flex-flow: nowrap;
  justify-content: space-between;
  box-pack: justify;
  -ms-flex-pack: justify;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left {
  position: relative;
  width: 72.92%;
  min-height: 230px;
  overflow: hidden;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_branding {
  max-width: 177px;
  float: left;
  margin: 60px 60px 0 0;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_branding img {
  display: block;
  width: 100%;
  height: auto;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_branding svg {
  width: auto;
  height: 60px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links {
  overflow: hidden;
  padding-right: 10px;
  float: right;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footerNav {
  margin-top: 60px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footerNav ul {
  margin: 0;
  padding: 0;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footerNav ul li {
  list-style: none;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footerNav ul li {
  display: inline-block;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footerNav ul li a {
  font-size: 22px;
  color: rgb(255, 255, 255);
  display: block;
  margin-right: 35px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footerNav ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footerNav ul li:last-child a {
  margin-right: 0;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts {
  margin-top: 20px;
  opacity: 0.7;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_contact_info {
  float: left;
  margin-right: 50px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul {
  margin: 0;
  padding: 0;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li {
  list-style: none;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li {
  display: inline;
  padding: 0 12px 0 0;
  border-right: 1px solid rgb(255, 255, 255);
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li a {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li:last-child {
  border-right: none;
  padding: 0 0 0 9px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_social {
  overflow: hidden;
  text-align: right;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_social ul {
  margin: 0;
  padding: 0;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_social ul li {
  list-style: none;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_social ul li {
  display: inline-block;
  margin-right: 10px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_social ul li a {
  color: rgb(255, 255, 255);
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_social ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_left .footer_links .footer_contacts .footer_social ul li:last-child {
  margin-right: 0;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_right {
  max-width: 300px;
  border-left: 1px solid rgb(215, 215, 215);
  font-size: 14px;
  padding-left: 2.627%;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_right p {
  font-size: 14px;
  line-height: 20px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_right .yc_sponsors {
  margin-top: 30px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_right .yc_sponsors .yc_sponsor_logo {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item {
  display: inline-block;
  margin-right: 30px;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item svg {
  height: 60px;
  width: auto;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item:last-child {
  margin-right: 5px;
  margin-top: 30px;
  float: right;
}
.yc_footer_wrapper .yc_footer_content .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item:last-child img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 105px;
  margin: 0 auto;
}
.yc_footer_wrapper .yc_footer_content .utilityFooter p {
  padding: 0;
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}
.yc_footer_wrapper .yc_footer_content .utilityFooter p a {
  display: inline-block;
  margin: 0 5px;
  color: rgba(255, 255, 255, 0.4);
}
.yc_footer_wrapper .yc_footer_content .utilityFooter p a:before {
  content: "|";
  padding-right: 10px;
  cursor: text;
  color: rgba(255, 255, 255, 0.6);
}
.yc_footer_wrapper .yc_footer_content .utilityFooter p a:hover {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links .footerNav ul li a {
    font-size: 17px;
    margin-right: 30px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links .footer_contacts {
    margin: 10px 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links .footer_contacts .footer_contact_info {
    float: none;
    margin-right: 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links .footer_contacts .footer_social {
    margin-top: 20px;
    text-align: right;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item svg {
    height: 56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yc_footer_wrapper .yc_footer .primaryFooter_left {
    max-width: 100%;
    min-height: 220px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_branding {
    max-width: 167px;
    margin: 30px 60px 0 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links {
    clear: both;
    float: right;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links .footerNav {
    margin-top: 40px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links .footerNav ul li a {
    font-size: 17px;
    margin-right: 22px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links .footer_contacts .footer_contact_info {
    float: none;
    margin-right: 0;
    padding-bottom: 20px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_left .footer_links .footer_contacts .footer_social {
    overflow: hidden;
    text-align: right;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_right {
    position: relative;
    max-width: 300px;
    border-left: 1px solid #d7d7d7;
    padding-left: 2%;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_right .yc_sponsors .yc_sponsor_logo {
    text-align: center;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item svg {
    height: 45px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item:first-child {
    margin-bottom: 10px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item:first-child img {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .yc_footer_wrapper .yc_footer .primaryFooter {
    display: block;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left {
    max-width: none;
    width: auto;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_branding {
    max-width: none;
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_branding img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 200px;
    margin: 0 auto;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links {
    overflow: hidden;
    padding-right: 0;
    width: 100%;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footerNav {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footerNav ul {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footerNav ul li {
    list-style: none;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footerNav ul li {
    display: inline-block;
    width: 48%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footerNav ul li a {
    font-size: 15px;
    color: rgb(255, 255, 255);
    display: inline-block;
    margin-right: 0;
    padding: 5px;
    display: block;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footerNav ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footerNav ul li:last-child a {
    margin-right: 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts {
    margin-top: 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_contact_info {
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul {
    margin: 0;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li {
    list-style: none;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li {
    display: block;
    padding: 0 0;
    border-right: none;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 13px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li a {
    display: block;
    margin: 0;
    padding: 0;
    color: rgb(255, 255, 255);
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_contact_info ul li:last-child {
    border-right: none;
    padding: 0 0 0 9px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_social {
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_social ul {
    margin: 0;
    padding: 0;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_social ul li {
    list-style: none;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_social ul li {
    display: inline-block;
    margin-right: 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_social ul li a {
    color: rgb(255, 255, 255);
    font-size: 22px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_social ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_left .footer_links .footer_contacts .footer_social ul li:last-child {
    margin-right: 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_right {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: none;
    border-left: none;
    font-size: 14px;
    padding-left: 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_right p {
    font-size: 14px;
    line-height: 20px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_right .yc_sponsors {
    margin-top: 30px;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_right .yc_sponsors .yc_sponsor_logo {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    text-align: center;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item {
    display: inline-block;
    margin: 0 40px 10px 0;
  }
  .yc_footer_wrapper .yc_footer .primaryFooter .primaryFooter_right .yc_sponsors .yc_sponsor_logo_item:last-child {
    margin-right: 5px;
    float: none;
  }
  .yc_footer_wrapper .yc_footer .utilityFooter {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 20px;
    margin-top: 30px;
  }
  .yc_footer_wrapper .yc_footer .utilityFooter p {
    padding: 0;
    margin: 0;
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
  }
  .yc_footer_wrapper .yc_footer .utilityFooter p span {
    display: block;
    margin-top: 10px;
  }
  .yc_footer_wrapper .yc_footer .utilityFooter p a:first-child:before {
    content: "";
    margin: 0;
  }
  .yc_footer_wrapper .yc_footer .utilityFooter p a {
    display: inline;
    margin: 0 10px 0 0;
    color: rgba(255, 255, 255, 0.6);
  }
  .yc_footer_wrapper .yc_footer .utilityFooter p a:before {
    content: "|";
    margin: 0 10px 0 0;
    cursor: text;
    color: rgba(255, 255, 255, 0.6);
  }
  .yc_footer_wrapper .yc_footer .utilityFooter p a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}

.yc_footer_rev_wrapper {
  margin: 0;
  padding: 0;
  background-color: rgb(0, 86, 150);
  color: rgb(255, 255, 255);
  clear: both;
}
.yc_footer_rev_wrapper .yc_footer {
  position: relative;
  margin: 0;
  padding: 0;
}
.yc_footer_rev_wrapper .yc_footer_content {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter {
  border-bottom: 2px solid #4c88b6;
  padding-bottom: 20px;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-flex-flow: nowrap;
  justify-content: space-between;
  box-pack: justify;
  -ms-flex-pack: justify;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first {
  width: 15.5%;
  overflow: hidden;
  border-right: 2px solid #4c88b6;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav {
  margin-top: 0;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul {
  margin: 0;
  padding: 0;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul li {
  list-style: none;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul li {
  display: block;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul li a {
  font-size: 17px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  display: block;
  margin-right: 35px;
  font-weight: 700;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul li:last-child a {
  margin-right: 0;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last {
  width: 81%;
  overflow: hidden;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_description {
  overflow: hidden;
  padding: 0 10px 16px 0;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_description p {
  padding: 0;
  margin: 0;
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 19px;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_branding {
  margin: 0;
  overflow: hidden;
  display: block;
  padding: 0 0 16px 0;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_branding img {
  display: block;
  width: 100%;
  height: auto;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_branding svg {
  width: auto;
  height: 60px;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_social {
  overflow: hidden;
  text-align: left;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_social ul {
  margin: 0;
  padding: 0;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_social ul li {
  list-style: none;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_social ul li {
  display: inline-block;
  margin-right: 13px;
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_social ul li a {
  color: rgb(255, 255, 255);
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_social ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_social ul li:last-child {
  margin-right: 0;
}
.yc_footer_rev_wrapper .yc_footer_content .utilityFooter {
  padding: 5px 0;
}
.yc_footer_rev_wrapper .yc_footer_content .utilityFooter p {
  display: inline-block;
  padding: 0;
  margin: 0;
  color: rgb(255, 255, 255);
  font-size: 14px;
}
.yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a {
  margin: 0 5px;
  color: rgb(255, 255, 255);
}
.yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a:before {
  content: "|";
  padding-right: 10px;
  cursor: text;
  color: rgba(255, 255, 255, 0.6);
}
.yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a:hover {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 480px) {
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter {
    display: block;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first {
    width: auto;
    border-right: 0;
    border-bottom: 2px solid #4c88b6;
    padding-bottom: 20px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul li a {
    font-size: 15px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last {
    width: 100%;
    margin-top: 20px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_description p {
    font-size: 12px;
    line-height: 16px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_branding svg {
    height: 50px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter {
    text-align: center;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p {
    font-size: 10px;
    line-height: 14px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a {
    margin: 0 1px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a:before {
    padding-right: 3px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter {
    display: block;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first {
    width: auto;
    border-right: 0;
    border-bottom: 2px solid #4c88b6;
    padding-bottom: 20px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul li a {
    font-size: 15px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last {
    width: 100%;
    margin-top: 20px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_description p {
    font-size: 12px;
    line-height: 16px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_branding svg {
    height: 50px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter {
    text-align: center;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p {
    font-size: 10px;
    line-height: 14px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a {
    margin: 0 1px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a:before {
    padding-right: 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first {
    width: 27%;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footerNav ul li a {
    font-size: 15px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last {
    width: 68%;
    margin-top: 10px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_description p {
    font-size: 13px;
    line-height: 18px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last .footer_branding svg {
    height: 50px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p {
    font-size: 12px;
    line-height: 16px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a {
    margin: 0 1px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a:before {
    padding-right: 3px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first {
    width: 24%;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_first .footer_branding svg {
    height: 50px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .primaryFooter_last {
    width: 72%;
    margin-top: 10px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p {
    font-size: 12px;
    line-height: 16px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a {
    margin: 0 1px;
  }
  .yc_footer_rev_wrapper .yc_footer_content .utilityFooter p a:before {
    padding-right: 3px;
  }
}

/* Layout Styles */
.btn {
  padding: 15px 20px;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  .btn {
    padding: 5px 8px;
  }
}

.btn-white {
  background: #fff;
}
.btn-white:hover {
  background: #ebebeb;
  transition: all 0.3s ease;
}
.btn-white:active {
  background: #bfbfbf;
}
@media only screen and (max-width: 480px) {
  .btn-white {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .btn-white {
    font-size: 14px;
    line-height: 18px;
  }
}

.btn-blue {
  background: #fff;
}
.btn-blue:hover {
  background: #ebebeb;
  transition: all 0.3s ease;
}
.btn-blue:active {
  background: #bfbfbf;
}
@media only screen and (max-width: 480px) {
  .btn-blue {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .btn-blue {
    font-size: 14px;
    line-height: 18px;
  }
}

/* Editorial Style */
.floating_editorial_menu {
  position: relative;
  background-color: rgb(193, 27, 27);
}
.floating_editorial_menu ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
.floating_editorial_menu ul li a {
  color: #fff;
  font-weight: 500;
  display: inline-block;
  padding: 0.5em;
}
.floating_editorial_menu ul li a:hover {
  background-color: rgba(185, 240, 66, 0.2);
}
.floating_editorial_menu div[role=contentinfo] {
  background-color: #b9f042;
  padding: 0.5em 1em;
}
.floating_editorial_menu div[role=contentinfo] ul {
  display: block;
}

/* General Styles */
h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto";
}

* {
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
}

p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
}

p {
  margin: 1em 0;
}

h1 {
  font-size: 100px;
  line-height: 105px;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
}

h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}

h4 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
}

h5 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

h6 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}

::-webkit-input-placeholder {
  color: rgb(101, 101, 101);
}

::-moz-placeholder {
  color: rgb(101, 101, 101);
}

:-ms-input-placeholder {
  color: rgb(101, 101, 101);
}

:-moz-placeholder {
  color: rgb(101, 101, 101);
}

.yc_wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.yc_wrapper .yc_body_wrapper {
  margin: 0;
  padding: 0;
  clear: both;
}

/* Add This */
.horiz_sharing {
  position: absolute;
  right: 0;
  z-index: 1;
}
.horiz_sharing a {
  margin: 0 0 5px !important;
  background-color: rgb(76, 159, 56) !important;
}
.horiz_sharing .at-icon-wrapper {
  background-color: none !important;
}

a .at-icon-wrapper {
  background-color: rgb(76, 159, 56) !important;
}
/* Add This */
.mobile_facets {
  display: none;
}

@media screen and (max-width: 991px) {
  p {
    font-size: 14px;
    line-height: 22px;
  }
  h1 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 700;
  }
  h2 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
  }
  h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
  }
  h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
  }
  h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
  h6 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 45px;
    line-height: 48px;
    font-weight: 700;
  }
  .desktop_facets {
    display: none;
  }
  .mobile_facets {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  h1 {
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
  }
}
/* Homepage Styles */
.yg_ln_slider {
  margin: 0;
  padding: 0;
  background-position: 50% center, 50% center;
  background-size: cover;
  position: relative;
}
.yg_ln_slider_image {
  overflow: hidden;
  height: 525px;
  margin: 0;
  padding: 0;
}
.yg_ln_slider_image::before {
  content: "";
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=.8);
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  width: 100%;
  height: 100%;
}
.yg_ln_slider_image img {
  width: 100%;
  display: block;
}
.yg_ln_slider_text {
  position: absolute;
  width: 86.1111111111%;
  max-width: 1240px;
  top: 45%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate(0%, -45%);
  -ms-transform: translate(0%, -45%);
  /* IE 9 */
  -webkit-transform: translate(0%, -45%);
  color: #fff;
  padding: 1.6129%;
}
.yg_ln_slider_text h1 {
  margin-top: 0;
  text-shadow: 3px 2px 3px rgba(65, 65, 65, 0.5);
}
.yg_ln_slider_text p {
  font-size: 32px;
  line-height: 38px;
  text-shadow: 3px 2px 3px rgba(65, 65, 65, 0.5);
}
@media only screen and (max-width: 480px) {
  .yg_ln_slider_image {
    height: 250px;
  }
  .yg_ln_slider_text {
    width: 80%;
  }
  .yg_ln_slider_text h1 {
    font-size: 22px;
    line-height: 28px;
  }
  .yg_ln_slider_text p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_slider_image {
    height: 350px;
  }
  .yg_ln_slider_text {
    width: 70%;
  }
  .yg_ln_slider_text h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .yg_ln_slider_text p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_slider_image {
    height: 400px;
  }
  .yg_ln_slider_text {
    width: 87%;
  }
  .yg_ln_slider_text h1 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_slider_image {
    height: 420px;
  }
  .yg_ln_slider_text {
    width: 100%;
  }
}

.yg_ln_about {
  margin: 0;
  padding: 0;
}
.yg_ln_about_wrap {
  margin: 0 auto;
  max-width: 1240px;
  padding: 2.8611% 0;
  overflow: hidden;
}
.yg_ln_about .withvideo {
  width: 53.1%;
}
.yg_ln_about .withnovideo {
  width: auto;
}
.yg_ln_about_text {
  float: left;
  margin: 0 2.4193% 0 0;
  padding: 0 1.6129% 0 0;
}
.yg_ln_about_text a {
  color: #0084b4;
}
.yg_ln_about_text a:after {
  content: "›";
  margin-left: 5px;
  font-weight: 700;
}
.yg_ln_about_text a:hover {
  color: #0084b4;
  opacity: 0.8;
}
.yg_ln_about_text h3 {
  margin-top: 0;
}
.yg_ln_about_text h4 {
  margin-top: 0;
  font-weight: 700;
}
.yg_ln_about_videobox {
  overflow: hidden;
}
.yg_ln_about_video {
  height: auto;
  padding-bottom: 2%;
  position: relative;
  overflow: hidden;
}
.yg_ln_about_video img {
  max-width: 100%;
  display: block;
  height: 270px;
}
.yg_ln_about_video iframe, .yg_ln_about_video embed, .yg_ln_about_video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.yg_ln_about_image {
  float: right;
  overflow: hidden;
}
.yg_ln_about_image img {
  width: auto;
  max-width: 100%;
  display: block;
  height: 270px;
}
@media only screen and (max-width: 480px) {
  .yg_ln_about_text {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
    padding: 0 0 5% 0 !important;
  }
  .yg_ln_about_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_about_text p {
    font-size: 16px;
  }
  .yg_ln_about_video {
    padding-bottom: 6%;
    float: none;
  }
  .yg_ln_about_video img {
    height: auto;
  }
  .yg_ln_about_image {
    float: none;
  }
  .yg_ln_about_image img {
    width: 100%;
    height: auto !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_about_text {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
    padding: 0 0 5% 0 !important;
  }
  .yg_ln_about_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_about_text p {
    font-size: 16px;
  }
  .yg_ln_about_video {
    padding-bottom: 6%;
    float: none;
    text-align: center;
  }
  .yg_ln_about_video img {
    height: auto;
    display: inline-block;
  }
  .yg_ln_about_image {
    float: none;
    text-align: center;
  }
  .yg_ln_about_image img {
    width: auto;
    max-width: 100%;
    display: inline-block;
    height: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_about_video {
    padding-bottom: 6%;
    float: none;
  }
}

.yg_ln_news {
  margin: 0;
  padding: 0;
}
.yg_ln_news_wrap {
  margin: 0 auto;
  max-width: 1240px;
  padding: 0;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .yg_ln_news h2 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_news h2 {
    font-size: 30px;
    line-height: 38px;
  }
}

.yg_ln_news_resource {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  justify-content: space-between;
}
.yg_ln_news_resource_item {
  overflow: hidden;
  width: 100%;
  background-color: #fff;
}
.yg_ln_news_resource_item:nth-child(1) {
  margin-bottom: 60px;
}
.yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_image {
  width: 57.258%;
  float: left;
  max-height: 397px;
  min-height: 397px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_image:hover {
  opacity: 0.6;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_image img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_text {
  overflow: hidden;
  padding: 2.4193% 4.0323%;
  color: #fff;
}
.yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_text_meta {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_text a {
  color: #fff;
  font-weight: 600;
}
.yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_text a:hover {
  color: #fff;
  opacity: 0.8;
}
.yg_ln_news_resource_item:nth-child(2), .yg_ln_news_resource_item:nth-child(3) {
  width: 49%;
  max-width: 600px;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 60px;
}
.yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_image, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_image {
  width: 100%;
  max-height: 335px;
  min-height: 335px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_image:hover, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_image:hover {
  opacity: 0.6;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_image img, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_image img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_text, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_text {
  overflow: hidden;
  color: #656565;
  padding: 3.3333% 0;
}
.yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_text_meta, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_text_meta {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #656565;
  text-transform: uppercase;
}
.yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_text h3, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_text h3 {
  margin-bottom: 0;
}
.yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_text a, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_text a {
  color: #0084b4;
  font-weight: 600;
}
.yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_text a:hover, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_text a:hover {
  color: #0084b4;
  opacity: 0.8;
}
.yg_ln_news_resource_item:nth-child(3) {
  margin-right: 0;
}
.yg_ln_news_resource_item:nth-child(n+4) {
  margin: 0;
  padding: 0;
  width: 31.7%;
  max-width: 393px;
  padding: 0;
}
.yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_image {
  width: 100%;
  max-height: 220px;
  min-height: 220px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_image:hover {
  opacity: 0.6;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_image img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_text {
  overflow: hidden;
  color: #656565;
  padding: 3.3333% 0;
}
.yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_text_meta {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #656565;
  text-transform: uppercase;
}
.yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_text h3 {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 32px;
}
.yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_text a {
  color: #0084b4;
  font-weight: 600;
}
.yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_text a:hover {
  color: #0084b4;
  opacity: 0.8;
}
.yg_ln_news_resource_item:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .yg_ln_news_resource_item:nth-child(1) {
    margin-bottom: 30px;
  }
  .yg_ln_news_resource_item:nth-child(1) h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_image {
    float: none;
    width: auto;
    max-height: 220px;
    min-height: 220px;
  }
  .yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_news_resource_item:nth-child(2), .yg_ln_news_resource_item:nth-child(3) {
    width: auto;
    padding-bottom: 30px;
    margin: 0;
  }
  .yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_image, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_image {
    max-height: 220px;
    min-height: 220px;
  }
  .yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_text h3, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_news_resource_item:nth-child(n+4) {
    float: none;
    width: auto;
    margin: 0;
    padding-bottom: 30px;
  }
  .yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_text h3 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 10px;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(1) {
    margin-bottom: 30px;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(1) h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(1) .yg_ln_news_resource_image {
    float: none;
    width: auto;
    max-height: 220px;
    min-height: 220px;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(1) .yg_ln_news_resource_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(2), .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(3) {
    width: auto;
    padding-bottom: 30px;
    margin: 0;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(2) .yg_ln_news_resource_image, .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(3) .yg_ln_news_resource_image {
    max-height: 220px;
    min-height: 220px;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(2) .yg_ln_news_resource_text h3, .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(3) .yg_ln_news_resource_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(n+4) {
    float: none;
    width: auto;
    margin: 0;
    padding-bottom: 30px;
  }
  .yg_ln_news_resource .yg-ln-news-resource-item:nth-child(n+4) .yg_ln_news_resource_text h3 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_news_resource_item:nth-child(1) {
    margin-bottom: 30px;
  }
  .yg_ln_news_resource_item:nth-child(1) h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_image {
    float: none;
    width: auto;
    max-height: 220px;
    min-height: 220px;
  }
  .yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_news_resource_item:nth-child(2), .yg_ln_news_resource_item:nth-child(3) {
    width: 100%;
    padding-bottom: 30px;
    margin: 0;
  }
  .yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_image, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_image {
    max-height: 220px;
    min-height: 220px;
  }
  .yg_ln_news_resource_item:nth-child(2) .yg_ln_news_resource_text h3, .yg_ln_news_resource_item:nth-child(3) .yg_ln_news_resource_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_news_resource_item:nth-child(n+4) {
    float: none;
    width: 100%;
    margin: 0;
    max-width: none !important;
    padding-bottom: 30px;
  }
  .yg_ln_news_resource_item:nth-child(n+4) .yg_ln_news_resource_text h3 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_news_resource_item:nth-child(1) {
    margin-bottom: 50px;
  }
  .yg_ln_news_resource_item:nth-child(1) .yg_ln_news_resource_image {
    float: none;
    width: auto;
  }
  .yg_ln_news_resource_item:nth-child(2), .yg_ln_news_resource_item:nth-child(3) {
    margin: 0 2% 0 0;
    padding-bottom: 50px;
  }
  .yg_ln_news_resource_item:nth-child(3) {
    margin-right: 0;
  }
  .yg_ln_news_resource_item:nth-child(n+4) {
    max-width: none !important;
    width: 31.7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_news_resource_item:nth-child(2), .yg_ln_news_resource_item:nth-child(3) {
    margin: 0 2% 0 0;
  }
  .yg_ln_news_resource_item:nth-child(3) {
    margin-right: 0;
  }
  .yg_ln_news_resource_item:nth-child(n+4) {
    max-width: none !important;
    width: 31.7%;
  }
}

.yg_ln_news_loadmore {
  text-align: center;
  padding: 1em;
}
.yg_ln_news_loadmore a {
  display: inline-block;
  margin: 0;
  padding: 0.7em 1em;
  background-color: rgb(0, 174, 239);
  color: rgb(255, 255, 255);
}
.yg_ln_news_loadmore a:hover {
  background-color: rgb(0, 132, 180);
}

/* SDG Banner Section*/
.yg_ln_sdg2 {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}
.yg_ln_sdg2_wrap {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
  border: 0px solid #ccc;
}
.yg_ln_sdg2_wrap h3 {
  font-weight: 700;
  margin: 0 0 15px 0;
  color: #000000;
}
.yg_ln_sdg2_wrap h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 52.8px;
  color: #253370;
  margin-bottom: 32px;
  margin-top: 32px;
}
@media (max-width: 1280px) {
  .yg_ln_sdg2_wrap h1 {
    font-size: 44px;
  }
}
@media (max-width: 1024px) {
  .yg_ln_sdg2_wrap h1 {
    font-size: 36px;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .yg_ln_sdg2_wrap h1 {
    font-size: 30px;
    border-left-width: 8px;
    padding-left: 24px;
  }
}
@media (max-width: 640px) {
  .yg_ln_sdg2_wrap h1 {
    font-size: 24px;
    border-left-width: 3px;
    padding-left: 16px;
  }
}
.yg_ln_sdg2_wrap .yg_ln_news_loadmore a {
  color: #fff;
  font-weight: 600;
}
.yg_ln_sdg2_wrap .yg_ln_news_loadmore a:hover {
  color: #fff;
  opacity: 0.8;
}
.yg_ln_sdg2_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  background-color: white;
  padding: 1rem;
}
.yg_ln_sdg2_box_item {
  width: 32%;
  min-height: 130px;
  margin: 0 15px 20px 0;
  border: 0px solid #ccc;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-flow: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}
.yg_ln_sdg2_box_item:nth-child(3n) {
  margin: 0 0 20px 0;
}
.yg_ln_sdg2_box_item .sdg_icons {
  width: 37%;
  margin-right: 10px;
}
.yg_ln_sdg2_box_item .sdg_icons img {
  width: auto;
  height: 130px;
  display: block;
  margin: 0;
}
.yg_ln_sdg2_box_item .sdg_text {
  overflow: hidden;
  width: 63%;
  flex-direction: row;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  display: flex;
}
.yg_ln_sdg2_box_item .sdg_text p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}
@media only screen and (max-width: 480px) {
  .yg_ln_sdg2_wrap {
    width: 100%;
  }
  .yg_ln_sdg2_box {
    display: block;
  }
  .yg_ln_sdg2_box_item {
    width: auto;
    display: block;
    margin: 0 0 20px 0;
  }
  .yg_ln_sdg2_box_item .sdg_icons {
    width: auto;
    margin: 0;
  }
  .yg_ln_sdg2_box_item .sdg_icons img {
    width: 100%;
    height: auto;
  }
  .yg_ln_sdg2_box_item .sdg_text {
    width: auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_sdg2_wrap {
    width: 100%;
  }
  .yg_ln_sdg2_box {
    display: block;
  }
  .yg_ln_sdg2_box_item {
    width: auto;
    margin: 0 0 20px 0;
  }
  .yg_ln_sdg2_box_item .sdg_icons {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_sdg2_wrap {
    width: 100%;
  }
  .yg_ln_sdg2_box_item {
    width: 48%;
    min-height: 130px;
  }
  .yg_ln_sdg2_box_item:nth-child(2n) {
    margin: 0 0 20px 0;
  }
  .yg_ln_sdg2_box_item .sdg_icons {
    width: 39%;
  }
  .yg_ln_sdg2_box_item .sdg_text {
    width: 60;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_sdg2_wrap {
    width: 100%;
  }
  .yg_ln_sdg2_box_item {
    width: 48%;
    min-height: 130px;
  }
  .yg_ln_sdg2_box_item:nth-child(2n) {
    margin: 0 0 20px 0;
  }
}

.yg_ln_sdg {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}
.yg_ln_sdg_wrap {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
}
.yg_ln_sdg_wrap h3 {
  font-weight: 700;
  margin: 0 0 15px 0;
  color: #000;
}
.yg_ln_sdg_wrap h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 52.8px;
  color: #253370;
  margin-bottom: 32px;
  margin-top: 32px;
}
@media (max-width: 1280px) {
  .yg_ln_sdg_wrap h1 {
    font-size: 44px;
  }
}
@media (max-width: 1024px) {
  .yg_ln_sdg_wrap h1 {
    font-size: 36px;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .yg_ln_sdg_wrap h1 {
    font-size: 30px;
    border-left-width: 8px;
    padding-left: 24px;
  }
}
@media (max-width: 640px) {
  .yg_ln_sdg_wrap h1 {
    font-size: 24px;
    border-left-width: 3px;
    padding-left: 16px;
  }
}
.yg_ln_sdg_wrap .yg_ln_news_loadmore {
  margin-top: 20px;
  text-align: center;
}
.yg_ln_sdg_wrap .yg_ln_news_loadmore a {
  color: #fff;
}
.yg_ln_sdg_wrap .yg_ln_news_loadmore a:hover {
  color: #fff;
}
.yg_ln_sdg_wrap .yg_ln_news_loadmore a {
  display: inline-block;
  padding: 10px 20px;
  background-color: rgb(0, 174, 239);
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  color: #ffffff;
}
.yg_ln_sdg_wrap .yg_ln_news_loadmore a:hover {
  background-color: #0089bc;
  color: #ffffff;
}
.yg_ln_sdg_box {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  background-color: white;
  padding: 2rem;
}
.yg_ln_sdg_box_item {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 50px;
  display: flex;
  align-items: flex-start;
}
.yg_ln_sdg_box_item .sdg_icons {
  width: 37%;
  margin-right: 10px;
}
.yg_ln_sdg_box_item .sdg_icons img {
  width: auto;
  height: 130px;
  display: block;
  margin: 0;
}
.yg_ln_sdg_box_item .sdg_text {
  width: 63%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.yg_ln_sdg_box_item .sdg_text p {
  line-height: 22px;
  font-weight: 300;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 23px;
  /* Small devices (tablets, 576px and up) */
  /* Medium devices (desktops, 768px and up) */
  /* Large devices (large desktops, 992px and up) */
}
@media (min-width: 576px) {
  .yg_ln_sdg_box_item .sdg_text p {
    font-size: 1rem;
    line-height: 26px;
  }
}
@media (min-width: 768px) {
  .yg_ln_sdg_box_item .sdg_text p {
    font-size: 1rem;
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .yg_ln_sdg_box_item .sdg_text p {
    font-size: 1rem;
    line-height: 29px;
  }
}
@media only screen and (max-width: 480px) {
  .yg_ln_sdg_box {
    padding: 1rem;
  }
  .yg_ln_sdg_box_item {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    display: block;
  }
  .yg_ln_sdg_box_item .sdg_icons {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
  }
  .yg_ln_sdg_box_item .sdg_icons img {
    width: 60%;
    height: auto;
    margin: 0 auto;
  }
  .yg_ln_sdg_box_item .sdg_text {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .yg_ln_sdg_box_item {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .yg_ln_sdg_box_item .sdg_icons {
    width: 30%;
  }
  .yg_ln_sdg_box_item .sdg_text {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_sdg_box_item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .yg_ln_sdg_box_item .sdg_icons {
    width: 35%;
  }
  .yg_ln_sdg_box_item .sdg_text {
    width: 65%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_sdg_box_item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1201px) {
  .yg_ln_sdg_box_item {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* Gaps & Challenges Block*/
.yg_ab_gaps {
  margin: 0;
  padding: 0;
}
.yg_ab_gaps_wrap {
  margin: 0 auto;
  overflow: hidden;
}
.yg_ab_gaps_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.yg_ab_gaps_box_items {
  width: 26.7%;
  padding: 20px;
  margin: 0 14px 25px 0;
  overflow: hidden;
  position: relative;
  opacity: 1;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
}
.yg_ab_gaps_box_items h4 {
  margin: 0 auto;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 10px 0;
  text-align: center;
  font-weight: 700;
}
.yg_ab_gaps_box_items p {
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.yg_ab_gaps_box_items a {
  color: #fff;
  opacity: 1;
}
.yg_ab_gaps_box_items a:hover {
  opacity: 0.8;
}
.yg_ab_gaps_box_items:nth-child(3n) {
  margin-right: 0;
}
.yg_ab_gaps_box_items:nth-child(1) {
  background-color: #548234;
}
.yg_ab_gaps_box_items:nth-child(2) {
  background-color: #2e75b6;
}
.yg_ab_gaps_box_items:nth-child(3) {
  background-color: #9663ca;
}
.yg_ab_gaps_box_items:nth-child(4) {
  background-color: #be9128;
}
.yg_ab_gaps_box_items:nth-child(5) {
  background-color: #c55b2c;
}
.yg_ab_gaps_box_items:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 480px) {
  .yg_ab_gaps_box {
    display: block;
  }
  .yg_ab_gaps_box_items {
    width: auto;
    margin-right: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ab_gaps_box_items {
    width: 38%;
  }
  .yg_ab_gaps_box_items:nth-child(2n) {
    margin-right: 0;
  }
  .yg_ab_gaps_box_items:nth-child(3n) {
    margin-right: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ab_gaps_box_items {
    width: 38%;
  }
  .yg_ab_gaps_box_items:nth-child(2n) {
    margin-right: 0;
  }
  .yg_ab_gaps_box_items:nth-child(3n) {
    margin-right: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ab_gaps_box_items {
    width: 27.5%;
  }
  .yg_ab_gaps_box_items:nth-child(3n) {
    margin-right: 0;
  }
}

/* Beat Pollution Interactive Block*/
.yb_ab_btinteractive2 {
  margin: 0;
  padding: 0;
}
.yb_ab_btinteractive2_wrap {
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.yb_ab_btinteractive2_item {
  width: 32.2%;
  position: relative;
  border: 0px solid #0083b3;
  margin: 0 1px 1px 0;
}
.yb_ab_btinteractive2_item_content {
  position: relative;
}
.yb_ab_btinteractive2_item_content_image {
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.yb_ab_btinteractive2_item_content_image img {
  width: 100% !important;
  height: 300px !important;
  display: block;
  margin: 0 !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  object-fit: cover !important;
}
.yb_ab_btinteractive2_item_content_body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 16px 16px 16px;
}
.yb_ab_btinteractive2_item_content_body h2 {
  font-size: 31px;
  line-height: 40px;
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: 600;
}
.yb_ab_btinteractive2_item_content_body h2::after {
  font-family: "FontAwesome";
  content: "\f178";
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 0.9em;
  color: #fff;
}
.yb_ab_btinteractive2_item_content_body p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.yb_ab_btinteractive2_item_content_body a {
  color: #fff !important;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.yb_ab_btinteractive2_item_content_body a:hover {
  color: #fff !important;
  opacity: 0.6;
  text-decoration: underline;
}
.yb_ab_btinteractive2_item:hover .yb_ab_btinteractive_item_content_image img {
  border-radius: 20px;
  transform: scale(1.2);
  position: relative;
  z-index: 1;
  opacity: 1 !important;
}
.yb_ab_btinteractive2_item:hover .yb_ab_btinteractive_item_content_body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 16px 16px 16px;
  z-index: 1;
}
.yb_ab_btinteractive2_item:hover .yb_ab_btinteractive_item_content_body p, .yb_ab_btinteractive2_item:hover .yb_ab_btinteractive_item_content_body a {
  opacity: 1;
  display: block;
  visibility: visible;
}
.yb_ab_btinteractive2_item:nth-child(3n) {
  margin-right: 0;
}
.yb_ab_btinteractive2_box {
  overflow: hidden;
  width: auto;
  margin: 0 auto;
  padding: 3px;
}
.yb_ab_btinteractive2_box_row {
  margin: 5px;
}
.yb_ab_btinteractive2_box_image {
  margin: 0;
  padding: 0;
  position: relative;
}
.yb_ab_btinteractive2_box_image::before {
  content: "";
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=.8);
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  width: 100%;
  height: 100%;
}
.yb_ab_btinteractive2_box_image img {
  width: 100%;
  height: 300px !important;
  display: block;
  margin: 0 !important;
  object-fit: cover !important;
  overflow: hidden;
}
.yb_ab_btinteractive2_box_image_text {
  position: absolute;
  bottom: 30%;
  left: 4%;
  right: 0;
  margin: 0 16px 16px 16px;
  width: 50%;
}
.yb_ab_btinteractive2_box_image_text h2 {
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: 600;
}
.yb_ab_btinteractive2_box_image_text p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
}
.yb_ab_btinteractive2_box_wrap {
  margin: 10px auto 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.yb_ab_btinteractive2_box_item {
  width: 28.7%;
  padding: 20px;
  margin: 0 16px 10px 0;
  border-radius: 10px;
  box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
  -webkit-box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
  -moz-box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
}
.yb_ab_btinteractive2_box_item:nth-child(3n) {
  margin-right: 0;
}
.yb_ab_btinteractive2_box_item_number {
  display: block;
  background-color: #000;
  width: 31px;
  color: #fff;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 8px;
  border-radius: 50%;
  text-align: center;
  min-height: 20px;
}
.yb_ab_btinteractive2_box_item h4 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
}
.yb_ab_btinteractive2_box p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.yb_ab_btinteractive2_box a {
  color: #0084b4;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  opacity: 1;
}
.yb_ab_btinteractive2_box a:hover {
  opacity: 0.6;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .yb_ab_btinteractive2_wrap {
    display: block;
    padding: 0 6%;
  }
  .yb_ab_btinteractive2_item {
    width: auto;
    margin: 0 0 2px 0;
    margin-right: 0;
  }
  .yb_ab_btinteractive2_item:hover .yb_ab_btinteractive_item_content_image img {
    transform: scale(1.1);
  }
  .yb_ab_btinteractive2_box_wrap {
    margin: 0 auto;
  }
  .yb_ab_btinteractive2_box_image_text {
    bottom: 21%;
    width: 70%;
  }
  .yb_ab_btinteractive2_box_item {
    width: auto;
    padding: 10px 15px 15px 15px;
    margin: 0 0 10px 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yb_ab_btinteractive2_item {
    width: 48.5%;
    margin: 0 1px 1px 0;
  }
  .yb_ab_btinteractive2_item:nth-child(2n) {
    margin-right: 0;
  }
  .yb_ab_btinteractive2_item:nth-child(3n) {
    margin-right: 1px;
  }
  .yb_ab_btinteractive2_item:last-child {
    margin-right: 0 !important;
  }
  .yb_ab_btinteractive2_box_wrap {
    margin: 0 auto;
  }
  .yb_ab_btinteractive2_box_image_text {
    bottom: 21%;
    width: 70%;
  }
  .yb_ab_btinteractive2_box_item {
    width: auto;
    padding: 10px 15px 15px 15px;
    margin: 0 0 10px 0;
  }
}
.yb_ab_btinteractive2 h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 52.8px;
  color: #253370;
  margin-bottom: 32px;
  margin-top: 32px;
}
@media (max-width: 1280px) {
  .yb_ab_btinteractive2 h1 {
    font-size: 44px;
  }
}
@media (max-width: 1024px) {
  .yb_ab_btinteractive2 h1 {
    font-size: 36px;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .yb_ab_btinteractive2 h1 {
    font-size: 30px;
    border-left-width: 8px;
    padding-left: 24px;
  }
}
@media (max-width: 640px) {
  .yb_ab_btinteractive2 h1 {
    font-size: 24px;
    border-left-width: 3px;
    padding-left: 16px;
  }
}

.yb_ab_btinteractive {
  margin: 0;
  padding: 0;
}
.yb_ab_btinteractive_wrap {
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.yb_ab_btinteractive_item {
  width: 33.333%;
  position: relative;
  border: 0px solid #0083b3;
  margin: 0 0 1px 0;
}
.yb_ab_btinteractive_item_content {
  position: relative;
}
.yb_ab_btinteractive_item_content_image {
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.yb_ab_btinteractive_item_content_image img {
  width: 100% !important;
  height: 300px !important;
  display: block;
  margin: 0 !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  object-fit: cover !important;
}
.yb_ab_btinteractive_item_content_body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 16px 16px 16px;
}
.yb_ab_btinteractive_item_content_body h2, .yb_ab_btinteractive_item_content_body h3 {
  font-size: 31px;
  line-height: 40px;
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: 600;
}
.yb_ab_btinteractive_item_content_body h2::after, .yb_ab_btinteractive_item_content_body h3::after {
  font-family: "FontAwesome";
  content: "\f178";
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 0.9em;
  color: #fff;
}
.yb_ab_btinteractive_item_content_body p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.yb_ab_btinteractive_item_content_body a {
  color: #fff !important;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.yb_ab_btinteractive_item_content_body a:hover {
  color: #fff !important;
  opacity: 0.6;
  text-decoration: underline;
}
.yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_image img {
  border-radius: 20px;
  transform: scale(1.2);
  position: relative;
  z-index: 1;
  opacity: 1 !important;
}
.yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 16px 16px 16px;
  z-index: 1;
}
.yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_body p, .yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_body a {
  opacity: 1;
  display: block;
  visibility: visible;
}
.yb_ab_btinteractive_box {
  overflow: hidden;
  width: auto;
  margin: 0 auto;
  padding: 3px;
}
.yb_ab_btinteractive_box_row {
  margin: 5px;
}
.yb_ab_btinteractive_box_image {
  margin: 0;
  padding: 0;
  position: relative;
}
.yb_ab_btinteractive_box_image::before {
  content: "";
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=.8);
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  width: 100%;
  height: 100%;
}
.yb_ab_btinteractive_box_image img {
  width: 100%;
  height: 300px !important;
  display: block;
  margin: 0 !important;
  object-fit: cover !important;
  overflow: hidden;
}
.yb_ab_btinteractive_box_image_text {
  position: absolute;
  bottom: 30%;
  left: 4%;
  right: 0;
  margin: 0 16px 16px 16px;
  width: 50%;
}
.yb_ab_btinteractive_box_image_text h2 {
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: 600;
}
.yb_ab_btinteractive_box_image_text p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
}
.yb_ab_btinteractive_box_wrap {
  margin: 10px auto 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.yb_ab_btinteractive_box_item {
  width: 33.333%;
  padding: 20px;
  margin: 0;
  border-radius: 10px;
  box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
  -webkit-box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
  -moz-box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
}
.yb_ab_btinteractive_box_item_number {
  display: block;
  background-color: #000;
  width: 31px;
  color: #fff;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 8px;
  border-radius: 50%;
  text-align: center;
  min-height: 20px;
}
.yb_ab_btinteractive_box_item h4 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
}
.yb_ab_btinteractive_box p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.yb_ab_btinteractive_box a {
  color: #0084b4;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  opacity: 1;
}
.yb_ab_btinteractive_box a:hover {
  opacity: 0.6;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .yb_ab_btinteractive_wrap {
    display: block;
    padding: 0 6%;
  }
  .yb_ab_btinteractive_item {
    width: 100%;
    margin: 0 0 1px 0;
  }
  .yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_image img {
    transform: scale(1.1);
  }
  .yb_ab_btinteractive_box_wrap {
    margin: 0 auto;
  }
  .yb_ab_btinteractive_box_image_text {
    bottom: 21%;
    width: 70%;
  }
  .yb_ab_btinteractive_box_item {
    width: 100%;
    padding: 10px 15px 15px 15px;
    margin: 0 0 10px 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .yb_ab_btinteractive_item {
    width: 50%;
    margin: 0 0 1px 0;
  }
  .yb_ab_btinteractive_box_wrap {
    margin: 0 auto;
  }
  .yb_ab_btinteractive_box_image_text {
    bottom: 21%;
    width: 70%;
  }
  .yb_ab_btinteractive_box_item {
    width: 50%;
    padding: 10px 15px 15px 15px;
    margin: 0 0 10px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yb_ab_btinteractive_item {
    width: 50%;
    margin: 0 0 1px 0;
  }
  .yb_ab_btinteractive_box_item {
    width: 50%;
    margin: 0 0 10px 0;
  }
}
@media only screen and (min-width: 992px) {
  .yb_ab_btinteractive_item {
    width: 33.333%;
  }
  .yb_ab_btinteractive_box_item {
    width: 33.333%;
  }
}
.yb_ab_btinteractive h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 52.8px;
  color: #253370;
  margin-bottom: 32px;
  margin-top: 32px;
}
@media (max-width: 1280px) {
  .yb_ab_btinteractive h1 {
    font-size: 44px;
  }
}
@media (max-width: 1024px) {
  .yb_ab_btinteractive h1 {
    font-size: 36px;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .yb_ab_btinteractive h1 {
    font-size: 30px;
    border-left-width: 8px;
    padding-left: 24px;
  }
}
@media (max-width: 640px) {
  .yb_ab_btinteractive h1 {
    font-size: 24px;
    border-left-width: 3px;
    padding-left: 16px;
  }
}

/* Pollutionforms Block*/
.yb_ab_pollution2 {
  margin: 0;
  padding: 0;
}
.yb_ab_pollution2_wrap {
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.yb_ab_pollution2_item {
  width: 30%;
  margin: 30px 1.666% 0;
  position: relative;
  overflow: hidden;
}
.yb_ab_pollution2_item_content {
  background-color: rgb(37, 51, 112);
  border: 1px solid #e6e6e6;
  position: relative;
  padding: 70px 50px 30px 50px;
  min-height: 240px;
  max-height: 240px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.yb_ab_pollution2_item_content_image {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 101%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  opacity: 1;
  z-index: 1;
  border: 1px solid #e6e6e6;
}
.yb_ab_pollution2_item_content_body {
  position: relative;
  z-index: 2;
  opacity: 0;
  text-align: center;
}
.yb_ab_pollution2_item_content_body_text {
  font-size: 16px;
  line-height: 26px;
  display: block;
  overflow: hidden;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 10px;
}
.yb_ab_pollution2_item_content_body a {
  opacity: 0.9;
  background-color: rgb(255, 255, 255);
  color: rgb(37, 51, 112) !important;
  border: 1px solid #fff;
  padding: 1em 2em;
  margin: 5px 0;
  display: inline-block;
  font-size: 13px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
}
.yb_ab_pollution2_item_content_body a:hover {
  background-color: rgb(37, 51, 112);
  color: #fff !important;
}
.yb_ab_pollution2_item:hover .yb_ab_pollution_item_content_image {
  opacity: 0;
}
.yb_ab_pollution2_item:hover .yb_ab_pollution_item_content_body {
  opacity: 1;
}
.yb_ab_pollution2_item_title {
  padding: 1em;
  text-transform: uppercase;
  font-family: Cabin, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #29255c;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .yb_ab_pollution2_wrap {
    display: block;
  }
  .yb_ab_pollution2_item {
    width: auto;
    margin: 25px 0;
  }
  .yb_ab_pollution2_item_content {
    padding: 50px 30px 30px 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yb_ab_pollution2_item {
    width: 46%;
  }
  .yb_ab_pollution2_item_content {
    padding: 50px 30px 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yb_ab_pollution2_item_content {
    padding: 50px 30px 30px 30px;
  }
}

/* Commitment Section*/
.yg_ln_commitments {
  margin: 0;
  padding: 0;
  background-color: #00aeef;
}
.yg_ln_commitments_wrap {
  margin: 0 auto;
  width: 92%;
  padding: 4.8611% 0;
  overflow: hidden;
  border: 0px solid #fff;
}
.yg_ln_commitments_wrap h3 {
  font-weight: 700;
  margin: 0 0 10px 0;
  color: #fff;
}
.yg_ln_commitments_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-flow: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.yg_ln_commitments_box_item {
  width: 28%;
  min-height: 250px;
  overflow: hidden;
}
.yg_ln_commitments_box_item .commit_circles {
  border-radius: 50%;
  width: 100%;
  padding-bottom: 100%;
  background: #fff;
  position: relative;
}
.yg_ln_commitments_box_item .commit_circles_content {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 50%;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  text-align: center;
  color: #00aeef;
  font-weight: bold;
}
.yg_ln_commitments_box_item .commit_circles_content_image {
  overflow: hidden;
  padding-bottom: 20px;
}
.yg_ln_commitments_box_item .commit_circles_content_image img {
  width: auto;
  height: 80px;
  display: block;
  margin: 0 auto;
}
.yg_ln_commitments_box_item .commit_circles_content_text {
  overflow: hidden;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media only screen and (max-width: 480px) {
  .yg_ln_commitments_box {
    display: block;
  }
  .yg_ln_commitments_box_item {
    width: auto;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_commitments_box {
    flex-wrap: wrap;
  }
  .yg_ln_commitments_box_item {
    width: 48%;
    min-height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_commitments_box_item {
    width: 30%;
    min-height: 200px;
  }
}

/* Campaign Section*/
.yg_ln_campaigns {
  margin: 0;
  padding: 0;
}
.yg_ln_campaigns_wrap {
  margin: 0 auto;
  max-width: 1240px;
  padding: 4.8611% 0;
  overflow: hidden;
  border: 0px solid #ccc;
}
.yg_ln_campaigns_wrap h3 {
  font-weight: 700;
  margin: 0 0 15px 0;
  color: #00aeef;
}
.yg_ln_campaigns_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.yg_ln_campaigns_box_item {
  width: 32.3%;
  overflow: hidden;
  min-height: 400px;
  margin: 0 14px 25px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.yg_ln_campaigns_box_item:nth-child(3n) {
  margin-right: 0;
}
.yg_ln_campaigns_box_item_image {
  max-height: 400px;
  overflow: hidden;
}
.yg_ln_campaigns_box_item_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.yg_ln_campaigns_box_item_logo {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 6%;
  text-align: center;
}
.yg_ln_campaigns_box_item_logo img {
  width: auto;
  height: 80px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 480px) {
  .yg_ln_campaigns_box {
    display: block;
  }
  .yg_ln_campaigns_box_item {
    width: auto;
    margin: 0 0 25px 0;
    min-height: 300px;
  }
  .yg_ln_campaigns_box_item_image {
    max-height: 300px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_campaigns_box_item {
    width: 48%;
    min-height: 300px;
  }
  .yg_ln_campaigns_box_item:nth-child(3n) {
    margin-right: 14px;
  }
  .yg_ln_campaigns_box_item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_campaigns_box_item {
    width: 31.9%;
    min-height: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_campaigns_box_item {
    width: 32.2%;
  }
}

.yg_ln_conversations {
  margin: 0;
  padding: 0;
}
.yg_ln_conversations_wrap {
  margin: 0 auto;
  max-width: 1240px;
  padding: 4.8611% 0;
  overflow: hidden;
}
.yg_ln_conversations_wrap h2 {
  margin-top: 0;
  color: #fff;
}
.yg_ln_conversations_wrap h3 {
  font-weight: 700;
  margin-top: 0;
  color: #fff;
}
.yg_ln_conversations_items {
  float: left;
  width: 31.7%;
  vertical-align: top;
  margin: 0 2.4193% 0 0;
  max-width: 393px;
  padding: 0;
}
.yg_ln_conversations_items img {
  width: 100%;
  display: block;
}
.yg_ln_conversations_items:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .yg_ln_conversations_wrap h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .yg_ln_conversations_items {
    margin: 0 0 8% 0 !important;
    width: 100%;
    max-width: none !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_conversations_wrap h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .yg_ln_conversations_items {
    margin: 0 0 8% 0 !important;
    width: 100%;
    max-width: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_conversations_items {
    width: 31.7%;
    margin: 0 1.8% 0 0;
    max-width: none !important;
  }
  .yg_ln_conversations_items img {
    width: 100%;
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_conversations_items {
    width: 31.7%;
    margin: 0 1.8% 0 0;
    max-width: none !important;
  }
  .yg_ln_conversations_items img {
    width: 100%;
    display: block;
  }
}

/* Basic Page Style */
.yg_ab_slider {
  margin: 0;
  padding: 0;
  background-position: 50% center, 50% center;
  background-size: cover;
  position: relative;
}
.yg_ab_slider_image {
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 380px;
}
.yg_ab_slider_image::before {
  content: "";
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=.8);
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  width: 100%;
  height: 100%;
}
.yg_ab_slider_image img {
  width: 100%;
  display: block;
}
.yg_ab_slider_text {
  margin: 0 auto;
  max-width: 1240px;
  position: absolute;
  width: 86.1111111111%;
  margin: 0 auto;
  top: 58%;
  left: 0;
  right: 0;
  transform: translate(0%, -58%);
  -ms-transform: translate(0%, -58%);
  /* IE 9 */
  -webkit-transform: translate(0%, -58%);
  color: #fff;
  padding: 1.6129%;
}
.yg_ab_slider_text h1 {
  margin-top: 0;
  text-shadow: 3px 2px 3px rgba(65, 65, 65, 0.5);
}
.yg_ab_slider_text p {
  font-size: 30px;
  line-height: 38px;
  text-shadow: 3px 2px 3px rgba(65, 65, 65, 0.5);
}
.yg_ab_slider .main_breadcrumb {
  margin: 0 auto;
  max-width: 1240px;
  position: absolute;
  top: 161px;
  left: 253px;
  z-index: 10;
}
.yg_ab_slider .main_breadcrumb nav[role=navigation] {
  margin: 0;
  padding: 0;
}
.yg_ab_slider .main_breadcrumb .visually-hidden {
  display: none;
}
.yg_ab_slider .main_breadcrumb ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.yg_ab_slider .main_breadcrumb ol li {
  display: inline-flex;
  align-items: center;
}
.yg_ab_slider .main_breadcrumb ol li:first-child a {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 14px;
  line-height: 22.4px;
  letter-spacing: 2px;
  color: #ffffff;
  opacity: 0.6;
  text-decoration: none;
  transition: opacity 0.3s ease;
  text-transform: uppercase;
}
.yg_ab_slider .main_breadcrumb ol li:not(:first-child) a {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 14px;
  line-height: 22.4px;
  color: #ffffff;
  opacity: 1;
  text-decoration: none;
  min-width: 101px;
  width: auto;
  white-space: nowrap;
  display: inline-block;
  text-transform: uppercase;
}
.yg_ab_slider .main_breadcrumb ol li:not(:last-child)::after {
  content: "/";
  color: #ffffff;
  margin: 0 10px;
  opacity: 0.6;
}
.yg_ab_slider .main_breadcrumb ol li a:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .yg_ab_slider .main_breadcrumb {
    left: 20px;
    top: 120px;
  }
}
@media only screen and (max-width: 480px) {
  .yg_ab_slider_image {
    height: 250px;
  }
  .yg_ab_slider_text {
    width: 86.11111%;
  }
  .yg_ab_slider_text h1 {
    font-size: 22px;
    line-height: 28px;
  }
  .yg_ab_slider_text p {
    font-size: 14px;
    line-height: 18px;
    display: none;
  }
  .yg_ab_slider .main_breadcrumb {
    left: 0.8em;
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ab_slider_image {
    height: 300px;
  }
  .yg_ab_slider_text {
    width: 87%;
  }
  .yg_ab_slider_text h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .yg_ab_slider_text p {
    font-size: 14px;
    line-height: 18px;
  }
  .yg_ab_slider .main_breadcrumb {
    left: 0.8em;
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ab_slider_image {
    height: 350px;
  }
  .yg_ab_slider_text {
    width: 87%;
  }
  .yg_ab_slider_text h1 {
    font-size: 45px;
    line-height: 50px;
  }
  .yg_ab_slider .main_breadcrumb {
    left: 0.8em;
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ab_slider_image {
    height: 370px;
  }
  .yg_ab_slider_text {
    width: 87%;
  }
  .yg_ab_slider .main_breadcrumb {
    padding: 0;
  }
}

.yg_ab_content {
  margin: 0;
  padding: 0;
}
.yg_ab_content_wrap {
  margin: 0 auto;
  max-width: 1240px;
  padding: 4.8611% 0;
  overflow: hidden;
}
.yg_ab_content .fullwidth {
  width: 100%;
  margin: 0;
}
.yg_ab_content .normalwidth {
  width: 74.5968%;
}
@media only screen and (max-width: 480px) {
  .yg_ab_content .normalwidth {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ab_content .normalwidth {
    width: 100%;
  }
}
.yg_ab_content_body {
  float: left;
  margin: 0 2.4193% 0 0;
}
.yg_ab_content_body .content_inline {
  float: left;
  margin: 0 2.1622% 2.1622% 0;
}
.yg_ab_content_body .blue_box {
  background-color: #00aeef;
  padding: 20px;
  color: #fff;
}
.yg_ab_content_body .blue_box li {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}
.yg_ab_content_body h3 {
  margin-top: 0;
  font-weight: 400;
  margin: 0 0 15px 0;
}
.yg_ab_content_body h4 {
  font-weight: 700;
  margin: 0 0 7px 0;
}
.yg_ab_content_body li {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}
.yg_ab_content_body li a {
  color: #0084b4;
}
.yg_ab_content_body li a:hover {
  color: #0084b4;
}
.yg_ab_content_body li ul > li {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}
.yg_ab_content_body li ul > li a {
  color: #0084b4;
}
.yg_ab_content_body li ul > li a:hover {
  color: #0084b4;
}
.yg_ab_content_body a {
  color: #0084b4;
}
.yg_ab_content_body a:hover {
  color: #0084b4;
}
.yg_ab_content_body img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px 0;
}
.yg_ab_content_body figure {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.yg_ab_content_body figure img {
  width: 100%;
  height: auto;
  display: block;
}
.yg_ab_content_body figure figcaption {
  font-size: 0.8em;
  color: rgba(51, 51, 51, 0.7);
  font-style: italic;
}
.yg_ab_content_resource {
  overflow: hidden;
}
.yg_ab_content_resource li {
  font-size: 16px;
  line-height: 22px;
}
.yg_ab_content_resource h2 {
  font-size: 28px;
  line-height: 36px;
  color: #8b5d3a;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .yg_ab_content_body {
    float: none;
    width: auto;
    margin: 0;
  }
  .yg_ab_content_body .content_inline {
    float: none;
    display: block;
    text-align: center;
    margin: 0 0 2.1622% 0;
  }
  .yg_ab_content_body h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ab_content_body h4 {
    font-size: 22px;
    line-height: 30px;
  }
  .yg_ab_content_body p,
  .yg_ab_content_body li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ab_content_body {
    float: none;
    width: auto;
    margin: 0;
  }
  .yg_ab_content_body .content_inline {
    float: none;
    display: block;
    text-align: center;
    margin: 0 0 2.1622% 0;
  }
  .yg_ab_content_body h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ab_content_body h4 {
    font-size: 22px;
    line-height: 30px;
  }
  .yg_ab_content_body p,
  .yg_ab_content_body li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ab_content_body {
    width: 64.5968%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ab_content_body {
    width: 64.5968%;
  }
}

.content_sidenav {
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  float: right;
}
@media screen and (max-width: 767px) {
  .content_sidenav {
    position: relative;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
.content_sidenav_title {
  font-style: italic;
  margin-bottom: 10px;
  font-size: 20px;
}
.content_sidenav_menu {
  margin: 0;
  padding: 0;
}
.content_sidenav_menu ul {
  margin: 0;
  padding: 0;
}
.content_sidenav_menu ul li {
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px 0;
}
.content_sidenav_menu ul li:first-child {
  border: none;
}
.content_sidenav_menu ul li a {
  display: block;
  color: #4f4e4e;
  font-size: 20px;
  line-height: 32px;
}
.content_sidenav_menu ul li a:hover {
  opacity: 0.8;
}
.content_sidenav_menu ul li .subnav_menu li {
  border: none;
  list-style: none;
}
.content_sidenav_menu ul li .subnav_menu li a {
  font-size: 18px;
}
.content_sidenav_menu ul li .subnav_menu li a:hover {
  opacity: 0.8;
}
.content_sidenav_menu ul li a.is-active {
  display: inline;
}
.content_sidenav_menu ul li a.is-active:before {
  font-family: "FontAwesome";
  content: "\f04b";
  display: inline-block;
  font-size: 14px;
  margin-right: 7px;
  color: rgb(0, 132, 180);
}
.content_sidenav_menu ul li .subnav_menu li.bc a {
  display: inline;
  font-weight: bold;
}
.content_sidenav_menu ul li .subnav_menu li.bc a:before {
  font-family: "FontAwesome";
  content: "\f04b";
  display: inline-block;
  font-size: 14px;
  margin-right: 7px;
  color: rgb(0, 132, 180);
}
.content_sidenav_menu ul li.current {
  display: block;
}
.content_sidenav_menu ul li.current:before {
  font-family: "FontAwesome";
  content: "\f04b";
  display: inline-block;
  font-size: 14px;
  margin-right: 7px;
  color: rgb(0, 132, 180);
}
.content_sidenav_menu ul li.current a {
  display: inline;
}
.content_sidenav_menu ul.subnav {
  margin-left: 20px;
}
.content_sidenav_menu ul.subnav li {
  border: none;
}
.content_sidenav_menu ul li ul {
  margin-left: 20px;
}
.content_sidenav_menu ul li ul li {
  border: none;
  font-size: 18px;
}

/* Our Team/Search Page/News Item Page/Resources Page Style */
.search {
  margin: 0;
  padding: 0;
}
.search_content_wrap {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .search_content_wrap {
    max-width: none;
    width: 95%;
  }
}
.search_header {
  padding: 50px 0;
}
@media screen and (max-width: 767px) {
  .search_header {
    padding: 20px 0;
  }
}
.search_header .header_searchbox {
  float: right;
}
@media screen and (max-width: 767px) {
  .search_header .header_searchbox {
    float: none;
    display: none;
  }
}
.search_header .header_searchbox form {
  margin: 0;
  padding: 0;
}
.search_header .header_searchbox form input[type=text] {
  line-height: 50px;
  padding: 0 5px;
  font-size: 18px;
  font-weight: bold;
}
.search_header .header_searchbox form input[type=submit] {
  line-height: 50px;
  padding: 0 20px;
  font-size: 18px;
  text-transform: uppercase;
  border-collapse: collapse;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background-color: rgb(76, 159, 56);
  display: inline-block;
  margin-left: -5px;
  color: rgb(255, 255, 255);
}
.search_header .header_searchbox form input[type=submit]:hover {
  background-color: rgba(76, 159, 56, 0.8);
}
.search_header .header_title {
  overflow: hidden;
}
.search_header .header_title h1 {
  color: rgb(255, 255, 255);
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .search_header .header_title h1 {
    font-size: 30px;
    line-height: 34px;
  }
}
.search_header .header_title p {
  color: rgb(255, 255, 255);
}
.search_body {
  margin: 0;
  padding: 30px 0;
}
.search_body .list_content_columns {
  overflow: hidden;
}
.search_body .list_content_columns .list_content_column_left {
  float: left;
  width: 270px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .search_body .list_content_columns .list_content_column_left {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
.search_body .list_content_columns .list_content_column_right {
  overflow: hidden;
  padding: 0 35px;
}
@media screen and (max-width: 767px) {
  .search_body .list_content_columns .list_content_column_right {
    margin-top: 30px;
    padding: 0;
  }
}
.search_body .list_content_columns .list_content_column_right p.result_filter {
  text-align: right;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .search_body .list_content_columns .list_content_column_right p.result_filter {
    text-align: left;
  }
}
.search_body .list_content_columns .list_content_column_right p.result_filter a {
  font-weight: bold;
}

.list_facet_filter_wrap {
  background-color: rgb(242, 242, 242);
  padding: 25px;
}
@media screen and (max-width: 767px) {
  .list_facet_filter_wrap {
    padding: 20px;
  }
}
.list_facet_filter_wrap .list_facet_filter_title {
  margin-bottom: 10px;
}
.list_facet_filter_wrap .list_facet_filter_title h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.list_facet_filter_wrap .list_facet_filter_body input[type=text], .list_facet_filter_wrap .list_facet_filter_body select {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  color: rgb(101, 101, 101);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .list_facet_filter_wrap .list_facet_filter_body input[type=text], .list_facet_filter_wrap .list_facet_filter_body select {
    font-size: 14px !important;
    line-height: 16px !important;
    margin-bottom: 10px;
    padding: 5px 10px;
  }
}
.list_facet_filter_wrap .list_facet_filter_body input[type=text] {
  max-width: 195px;
  padding: 10px;
}
.list_facet_filter_wrap .list_facet_filter_body label {
  display: block;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  text-transform: uppercase;
}
.list_facet_filter_wrap .list_facet_filter_body select {
  padding: 0px;
}
.list_facet_filter_wrap .list_facet_filter_body select option {
  padding: 0px;
}
.list_facet_filter_wrap .list_facet_filter_body input[type=submit] {
  border: none;
  border-collapse: collapse;
  background: none;
  padding: 0;
  font-size: 14px;
  line-height: 2.349;
  color: rgb(0, 132, 180);
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 20px;
}
.list_facet_filter_wrap .list_facet_filter_body .facets_filter_summary {
  border-top: 1px dotted rgba(51, 51, 51, 0.5);
}
.list_facet_filter_wrap .list_facet_filter_body .facets_filter_summary ul {
  margin: 0;
  padding: 0;
}
.list_facet_filter_wrap .list_facet_filter_body .facets_filter_summary ul li {
  list-style: none;
}
.list_facet_filter_wrap .list_facet_filter_body .facets_filter_summary ul li.facet-summary-item--clear {
  font-size: 1em;
  text-transform: uppercase;
}
.list_facet_filter_wrap .list_facet_filter_body .facets_filter_summary ul li.facet-summary-item--facet {
  font-size: 0.8em;
  line-height: 1em;
  display: inline-block;
  margin: 0.2em;
  padding: 0.2em;
  position: relative;
  border: 1px solid rgba(51, 51, 51, 0.3);
  background-color: #0084b4;
  border-radius: 3px;
}
.list_facet_filter_wrap .list_facet_filter_body .facets_filter_summary ul li.facet-summary-item--facet a {
  color: #fff;
  margin: 0;
  padding: 0 1.3em 0 0;
  font-weight: 700;
  display: block;
}
.list_facet_filter_wrap .list_facet_filter_body .facets_filter_summary ul li.facet-summary-item--facet a::after {
  font-family: "FontAwesome";
  content: "\f00d";
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 1.1em;
  color: #fff;
}
.list_facet_filter_wrap .list_facet_filter_body .facets_filter_summary ul li.facet-summary-item--facet span.js-facet-deactivate {
  display: none;
  text-indent: -150%;
}
.list_facet_filter_wrap .list_facet_filter_home {
  border-top: 1px solid #d7d7d7;
  padding-top: 10px;
  margin-top: 10px;
  text-align: right;
  text-transform: uppercase;
}
.list_facet_filter_wrap .list_facet_filter_home a {
  color: rgb(0, 132, 180);
}
.list_facet_filter_wrap .list_facet_filter_home a:hover {
  color: rgba(0, 132, 180, 0.7);
}
@media screen and (max-width: 767px) {
  .list_facet_filter .list_facet_filter_body input[type=text], .list_facet_filter .list_facet_filter_body select {
    width: 100%;
    max-width: none;
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    color: rgb(101, 101, 101);
    line-height: 1.833;
    padding: 5px;
    background-color: #fff;
  }
  .list_facet_filter .list_facet_filter_body input[type=text] {
    max-width: calc(100% - 10px);
  }
}

.result_items {
  overflow: hidden;
}
.result_items iframe {
  border: none;
}
@media screen and (max-width: 767px) {
  .result_items {
    margin-top: 30px;
  }
}
.result_items .result_item {
  overflow: hidden;
  border-bottom: 1px solid rgb(215, 215, 215);
  padding-bottom: 30px;
  margin-bottom: 40px;
}
.result_items .result_item_meta {
  color: rgb(101, 101, 101);
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.result_items .result_item_meta .date, .result_items .result_item_meta .type {
  margin-right: 10px;
}
.result_items .result_item_meta .type:before {
  content: "|";
  margin-right: 10px;
}
.result_items .result_item_body {
  overflow: hidden;
}
.result_items .result_item_body .result_item_image {
  float: right;
  max-width: 200px;
  min-width: 200px;
  min-height: 120px;
  max-height: 120px;
  border: 0px solid rgb(226, 226, 226);
  background-position: 50% center, 50% center;
  background-size: cover;
  margin-left: 20px;
}
.result_items .result_item_body .result_item_image img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 480px) {
  .result_items .result_item_body .result_item_image {
    float: none;
    display: block;
    width: 100%;
  }
}
.result_items .result_item_body .result_item_resourceimage,
.result_items .result_item_body .result_item_expertimage {
  float: right;
  max-width: 200px;
  min-width: 200px;
  min-height: 254px;
  max-height: 254px;
  background-position: 50% center, 50% center;
  background-size: cover;
  margin-left: 20px;
}
.result_items .result_item_body .result_item_resourceimage img,
.result_items .result_item_body .result_item_expertimage img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 480px) {
  .result_items .result_item_body .result_item_resourceimage,
  .result_items .result_item_body .result_item_expertimage {
    float: none;
    display: block;
    width: 100%;
  }
}
.result_items .result_item_body .result_item_text {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .result_items .result_item_body .result_item_text {
    overflow: visible;
  }
}
.result_items .result_item_body .result_item_text h5 {
  margin: 0;
  padding: 0;
}
.result_items .result_item_body .result_item_text p {
  font-size: 16px;
  line-height: 20px;
}
.result_items .result_item_body .result_item_text a.readmore:after {
  font-family: FontAwesome;
  content: "\f105";
  margin-left: 5px;
  font-size: 0.8em;
}
.result_items .result_item_body .result_item_text .result_item_tags a {
  font-weight: bold;
}
.result_items .result_item_body .result_item_text .result_item_tags a:after {
  content: ", ";
}
.result_items .result_item_body .result_item_text .result_item_tags a:last-child:after {
  content: " ";
}
.result_items .result_item_body .result_item_text .result_item_tags p {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .result_items .result_item_body .result_item_text .result_item_tags p {
    display: none;
  }
}
.result_items .result_item a {
  color: rgb(0, 132, 180);
}
.result_items .result_item a:hover {
  color: rgba(0, 132, 180, 0.7);
}
@media screen and (max-width: 767px) {
  .result_items .result_item {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .result_items .result_item_meta {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .result_items .result_item_meta .date, .result_items .result_item_meta .type {
    margin-right: 5px;
  }
  .result_items .result_item_body .result_item_image {
    display: inline-block;
    float: right;
    max-width: none;
    width: 30%;
    border: none;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .result_items .result_item_body .result_item_image img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.items_pager {
  margin: 0;
  padding: 0;
  text-align: center;
}
.items_pager .item-list {
  display: inline-block;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .items_pager .item-list {
    display: block;
  }
}
.items_pager .item-list ul.pager {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .items_pager .item-list ul.pager {
    width: 100%;
  }
}
.items_pager .item-list ul.pager li {
  list-style: none;
  margin: 0;
  padding: 5px 10px;
}
@media screen and (max-width: 767px) {
  .items_pager .item-list ul.pager li {
    padding: 5px;
  }
}
.items_pager .item-list ul.pager li a {
  display: block;
  padding: 0 5px;
  color: #0084b4;
}
.items_pager .item-list ul.pager li a:hover {
  color: rgba(0, 132, 180, 0.7);
}
@media screen and (max-width: 767px) {
  .items_pager .item-list ul.pager li a {
    padding: 0 3px;
    text-transform: uppercase;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .items_pager .item-list ul.pager li.pager-item, .items_pager .item-list ul.pager li.pager-ellipsis {
    display: none;
  }
}
.items_pager .item-list ul.pager li.pager-current {
  color: #fff;
  background-color: rgb(0, 132, 180);
}
.items_pager .item-list ul.pager li.is-active {
  color: #fff;
  background-color: rgb(0, 132, 180);
}
.items_pager .item-list ul.pager li.is-active a {
  color: #fff;
}

/* News Page Styles */
.yc_news {
  margin: 0;
  padding: 0;
}
.yc_news_featured {
  background-color: #00aeef;
  padding: 65px 0;
}
.yc_news_featured_content {
  margin: 0;
  padding: 0;
}
.yc_news_featured_content_header {
  max-width: 1240px;
  margin: 0 auto;
}
.yc_news_featured_content_header h1 {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  color: rgb(255, 255, 255);
}
.yc_news_featured_content_header_filters {
  margin-bottom: 40px;
}
.yc_news_featured_content_header_filters ul {
  margin: 0;
  padding: 0;
}
.yc_news_featured_content_header_filters ul li {
  list-style: none;
}
.yc_news_featured_content_header_filters ul li {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
}
.yc_news_featured_content_header_filters ul li a {
  font-size: 22px;
  line-height: 28px;
  color: rgb(255, 255, 255);
  padding: 10px 20px;
  display: block;
}
.yc_news_featured_content_header_filters ul li a:hover {
  background: rgb(255, 255, 255);
  color: rgb(0, 132, 180);
}
.yc_news_featured_content_header_filters ul li.active a {
  background: rgb(255, 255, 255);
  color: rgb(0, 132, 180);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}
.yc_news_featured_content_body {
  margin: 0 auto;
  padding: 0;
  max-width: 1240px;
}
.yc_news_featured_content_body .yc_news_featured_items {
  overflow: hidden;
}
.yc_news_featured_content_body .yc_news_featured_items .item-list ul li {
  margin: 0;
}
.yc_news_featured_content_body .yc_news_featured_items ul {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.yc_news_featured_content_body .yc_news_featured_items ul li {
  list-style: none;
}
.yc_news_featured_content_body .yc_news_featured_items ul li {
  width: 58.5%;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item {
  position: relative;
  margin: 0;
  padding: 0;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_image {
  position: relative;
  margin: 0;
  padding: 0;
  height: 575px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_image img {
  display: block;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption {
  position: absolute;
  left: 40px;
  bottom: 40px;
  max-width: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  border: 4px solid rgb(255, 255, 255);
  padding: 40px 0;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_meta, .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_text {
  margin: 0 40px;
  color: rgb(255, 255, 255);
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_meta {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_meta span.date, .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_meta span.type {
  margin-right: 10px;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_meta .type:before {
  content: "|";
  margin-right: 10px;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_text p {
  font-size: 40px;
  line-height: 48px;
  margin: 0;
  padding: 0;
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_text a {
  color: rgb(255, 255, 255);
}
.yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_text a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.yc_news_featured_content_body .yc_news_featured_items ul li:last-child {
  width: 40%;
}
.yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item {
  position: relative;
  margin: 0;
  padding: 0;
}
.yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_image {
  width: 100%;
}
.yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 70%;
  background-color: #00aeef;
  border: none;
  padding: 20px 20px 0 0;
}
.yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption_meta, .yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption_text {
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
}
.yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption_meta {
  font-size: 14px;
  margin-bottom: 10px;
}
.yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption_text p {
  font-size: 32px;
  line-height: 36px;
  margin: 0;
  padding: 0;
}
.yc_news_items {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.yc_news_items_content {
  padding-top: 70px;
  padding-bottom: 40px;
  max-width: 1240px;
  margin: 0 auto;
}
.yc_news_items_content .yc_news_list {
  overflow: hidden;
}
.yc_news_items_content .yc_news_list .item-list ul li {
  margin: 0;
}
.yc_news_items_content .yc_news_list ul {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.yc_news_items_content .yc_news_list ul li {
  list-style: none;
}
.yc_news_items_content .yc_news_list ul li {
  margin-bottom: 40px;
}
.yc_news_items_content .yc_news_list ul li:nth-child(1), .yc_news_items_content .yc_news_list ul li:nth-child(2) {
  max-width: 605px;
  margin-bottom: 180px;
}
.yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item, .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item {
  position: relative;
}
.yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item_image, .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item_image {
  position: relative;
  max-height: 335px;
  min-height: 335px;
  overflow: hidden;
}
.yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item_image img, .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item_image img {
  display: block;
  width: 100%;
  height: 335px;
  object-fit: cover;
}
.yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item_caption, .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item_caption {
  position: absolute;
  max-width: 80%;
  top: 75%;
  left: 0;
  background-color: #fff;
  padding: 25px 25px 0 0;
}
.yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item_caption_text p, .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item_caption_text p {
  font-size: 30px;
  line-height: 34px;
}
.yc_news_items_content .yc_news_list ul li:nth-child(n+3) {
  max-width: 395px;
  margin-bottom: 50px;
}
.yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item {
  position: relative;
}
.yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item_image {
  position: relative;
  max-height: 220px;
  min-height: 220px;
  overflow: hidden;
}
.yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item_image img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item_caption {
  padding: 15px 0;
}
.yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item_caption_text p {
  font-size: 26px;
  line-height: 30px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.video .yc_news_item_icon {
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0.8;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact {
  background-color: rgb(139, 93, 58);
  padding: 30px 40px;
  width: 315px;
  color: rgb(255, 255, 255);
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact {
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity {
  overflow: hidden;
  margin-bottom: 20px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_image {
  float: left;
  margin-right: 20px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details {
  overflow: hidden;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details span {
  display: block;
  margin-bottom: 5px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details .type {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.502);
  font-size: 14px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details .name {
  font-weight: 700;
  font-size: 18px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details .title {
  font-size: 14px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_contacts {
  overflow: hidden;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_contacts span {
  display: block;
  margin-bottom: 5px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources {
  font-size: 18px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources h3 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources ul li {
  width: 50%;
  margin-bottom: 10px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources ul li a {
  font-size: 16px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources ul li a:after {
  font-family: FontAwesome;
  content: "\f105";
  margin-left: 5px;
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact a {
  color: rgb(255, 255, 255);
}
.yc_news_items_content .yc_news_list ul li .yc_news_item.contact a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.yc_news_items_content .yc_news_list p {
  margin: 0;
  padding: 0;
}
.yc_news_items_content .yc_news_list a {
  color: rgb(0, 132, 180);
}
.yc_news_items_content .yc_news_list a:hover {
  color: rgba(0, 132, 180, 0.8);
}
.yc_news_items_content .yc_news_list .yc_news_item_caption_meta {
  color: rgb(101, 101, 101);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}
.yc_news_items_content .yc_news_list .yc_news_item_caption_meta span.time, .yc_news_items_content .yc_news_list .yc_news_item_caption_meta span.date {
  margin-right: 10px;
}
.yc_news_items_content .yc_news_list .yc_news_item_caption_meta .type:before {
  content: "|";
  margin-right: 10px;
}
.yc_news_items_content .yc_news_list_showmore {
  display: block;
  margin: 40px 0;
  text-align: center;
}
.yc_news_items_content .yc_news_list_showmore a {
  display: inline-block;
  background-color: rgb(76, 159, 56);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  padding: 16px 20px;
  font-weight: 700;
}
.yc_news_items_content .yc_news_list_showmore a:hover {
  background-color: rgb(139, 93, 58);
}
@media screen and (max-width: 767px) {
  .yc_news .yc_news_featured {
    padding: 45px 0 20px 0;
  }
  .yc_news .yc_news_featured_content_header {
    max-width: 95%;
  }
  .yc_news .yc_news_featured_content_header h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    color: rgb(255, 255, 255);
  }
  .yc_news .yc_news_featured_content_header_filters {
    display: none;
  }
  .yc_news .yc_news_featured_content_body {
    max-width: 95%;
    margin: 0 auto;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items {
    overflow: hidden;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items .item-list ul li {
    margin: 0;
    margin-bottom: 20px;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li {
    list-style: none;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_image {
    position: relative;
    margin: 0;
    padding: 0;
    max-height: 250px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_image img {
    display: block;
    width: 100%;
    height: auto;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption {
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 10px 0;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_meta, .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_text {
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_meta {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li .yc_news_featured_item_caption_text p {
    font-size: 20px;
    line-height: 22px;
    margin: 0;
    padding: 0;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li:last-child {
    width: 100%;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_image {
    width: 100%;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption {
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 10px 0;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption_meta, .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption_text {
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption_meta {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .yc_news .yc_news_featured_content_body .yc_news_featured_items ul li:last-child .yc_news_featured_item_caption_text p {
    font-size: 20px;
    line-height: 22px;
    margin: 0;
    padding: 0;
  }
  .yc_news .yc_news_items_content {
    padding: 40px 0 20px 0;
    max-width: 95%;
  }
  .yc_news .yc_news_items_content .yc_news_list .item-list ul li {
    margin: 0;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li {
    margin-bottom: 0;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(1), .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(2) {
    margin-bottom: 20px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item, .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item {
    position: relative;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item_image, .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item_image {
    max-height: 220px;
    min-height: 220px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item_caption, .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item_caption {
    position: relative;
    max-width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 10px 0;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(1) .yc_news_item_caption_text p, .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(2) .yc_news_item_caption_text p {
    font-size: 18px;
    line-height: 22px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(n+3) {
    max-width: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item {
    position: relative;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item_image {
    position: relative;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item_image img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item_caption {
    padding: 10px 0;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li:nth-child(n+3) .yc_news_item_caption_text p {
    font-size: 18px;
    line-height: 22px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.video .yc_news_item_icon {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    z-index: 5;
    opacity: 0.8;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact {
    background-color: rgb(139, 93, 58);
    padding: 30px 40px;
    width: 100%;
    color: rgb(255, 255, 255);
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_image {
    float: left;
    margin-right: 20px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details {
    overflow: hidden;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details span {
    display: block;
    margin-bottom: 5px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details .type {
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.502);
    font-size: 14px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details .name {
    font-weight: 700;
    font-size: 18px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_identity_details .title {
    font-size: 14px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_contacts {
    overflow: hidden;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_mediacontact_contacts span {
    display: block;
    margin-bottom: 5px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources {
    font-size: 18px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources ul li {
    width: 50%;
    margin-bottom: 10px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources ul li a {
    font-size: 16px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact .yc_news_item_resources ul li a:after {
    font-family: FontAwesome;
    content: "\f105";
    margin-left: 5px;
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact a {
    color: rgb(255, 255, 255);
  }
  .yc_news .yc_news_items_content .yc_news_list ul li .yc_news_item.contact a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .yc_news .yc_news_items_content .yc_news_list .yc_news_item_caption_meta {
    color: rgba(101, 101, 101, 0.5);
    font-size: 12px;
    margin-bottom: 10px;
  }
  .yc_news .yc_news_items_content .yc_news_list_showmore {
    display: block;
    margin: 20px 0;
    text-align: center;
  }
  .yc_news .yc_news_items_content .yc_news_list_showmore a {
    display: inline-block;
    background-color: rgb(76, 159, 56);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 16px 20px;
    font-weight: 700;
  }
  .yc_news .yc_news_items_content .yc_news_list_showmore a:hover {
    background-color: rgb(139, 93, 58);
  }
}

/* News Article Page*/
.content_container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  border: 0px solid #000;
}
@media screen and (max-width: 479px) {
  .content_container {
    width: 100%;
  }
}

.article_header {
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  background-size: cover;
  background-position: 50%, 50%;
}
.article_header .main_breadcrumb {
  position: absolute;
  top: 1em;
  left: 2.4em;
  z-index: 10;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.article_header .main_breadcrumb ol {
  margin: 0;
  padding: 10px 0 30px 0;
  list-style-type: none;
}
.article_header .main_breadcrumb ol li {
  display: inline-block;
}
.article_header .main_breadcrumb ol li::after {
  content: "/";
  font-size: 14px;
  color: #ffffff;
}
.article_header .main_breadcrumb ol li:last-child::after {
  display: none;
}
.article_header .main_breadcrumb ol li a {
  color: #ffffff;
}
.article_header .main_breadcrumb ol li a:hover {
  color: #ffffff;
  opacity: 0.6;
  text-decoration: underline;
}
.article_header_image {
  position: relative;
  margin: 0;
  padding: 0;
  height: 630px;
}
.article_header_image img {
  display: none;
}
.article_header_image::before {
  content: "";
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=.8);
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  width: 100%;
  height: 100%;
}
.article_header_meta {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -webkit-transform: translateY(-60%);
  -moz-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  color: #fff;
  text-shadow: 4px 7px 4px rgba(0, 0, 0, 0.5);
}
.article_header_meta .article_header_meta_wrap {
  margin-left: 60px;
  width: 70%;
}
.article_header_meta_info {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1em;
}
.article_header_meta_info span {
  padding: 0;
}
.article_header_meta_info span:after {
  content: "|";
  padding: 0 0.6em;
  color: rgba(254, 252, 252, 0.7);
}
.article_header_meta_info span a {
  color: #fff;
}
.article_header_meta_info span:last-child {
  border-right: none;
}
.article_header_meta_info span:last-child:after {
  content: none;
}
.article_header_meta_title {
  margin: 0;
  padding: 0 0 1em 0;
}
.article_header_meta_title h1 {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .article_header .main_breadcrumb {
    left: 0.8em;
  }
}
@media screen and (max-width: 767px) {
  .article_header .article_header_image {
    height: 300px;
  }
  .article_header .article_header_meta {
    bottom: 10%;
  }
  .article_header .article_header_meta .article_header_meta_wrap {
    margin-left: 0;
    width: 95%;
    margin: auto;
  }
  .article_header .article_header_meta_title h1 {
    font-size: 20px;
    line-height: 25px;
  }
  .article_header .main_breadcrumb {
    left: 0.8em;
  }
}
@media screen and (max-width: 479px) {
  .article_header .article_header_image {
    height: 300px;
  }
  .article_header .article_header_meta {
    bottom: 3%;
  }
  .article_header .article_header_meta .article_header_meta_wrap {
    margin-left: 0;
    width: 95%;
    margin: auto;
  }
  .article_header .main_breadcrumb {
    left: 0.8em;
  }
}

.article_content {
  padding: 24px 0;
}
.article_content .document_topics {
  margin-left: 0;
}
.article_content .content_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.article_content .content_wrap:before, .article_content .content_wrap:after {
  content: "";
  display: table;
  clear: both;
}
.article_content .content_wrap .content_main {
  float: left;
  min-width: 300px;
  width: calc(100% - 340px);
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  .article_content .content_wrap .content_main {
    float: none;
    min-width: none;
    width: 100%;
    margin-right: 0;
  }
}
.article_content .content_wrap .content_main .content_main_container {
  overflow: hidden;
  /*
  & .content_image{
  	float: left;
  	margin: 1em 1.5em 0 0;
  	max-width: 400px;

  	& img{
  		display: block;
  	}

  	&_caption{
  		display: block;
  		color: rgba(101,101,101,1.0);
  		font-size: 0.7em;
  	}

  	&_credit{
  		display: block;
  		font-style: italic;
  		font-size: 0.7em;

  		&:before{
  			font-family: FontAwesome;
  			content: "\f030";
  			margin-right:7px;
  			font-style: normal;
  		}
  	}
  }
  */
}
.article_content .content_wrap .content_main .content_main_container img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin-left: 60px;
  object-fit: cover;
}
.article_content .content_wrap .content_main .content_main_container p, .article_content .content_wrap .content_main .content_main_container li, .article_content .content_wrap .content_main .content_main_container .document_topics, .article_content .content_wrap .content_main .content_main_container figure {
  margin-left: 60px;
}
.article_content .content_wrap .content_main .content_main_container p a {
  color: rgb(0, 132, 180);
}
.article_content .content_wrap .content_main .content_main_container p a:hover {
  color: rgba(0, 132, 180, 0.7);
}
@media screen and (max-width: 767px) {
  .article_content .content_wrap .content_main .content_main_container {
    margin-left: 5%;
    margin-right: 5%;
  }
  .article_content .content_wrap .content_main .content_main_container p, .article_content .content_wrap .content_main .content_main_container li, .article_content .content_wrap .content_main .content_main_container .document_topics, .article_content .content_wrap .content_main .content_main_container figure {
    margin-left: 0;
  }
  .article_content .content_wrap .content_main .content_main_container img {
    margin-left: 0;
  }
}
.article_content .content_wrap .content_main .content_main_container .article_summary {
  background-color: rgba(246, 244, 175, 0.5);
  padding: 0.3em 1em;
}
.article_content .content_wrap .content_main .content_main_container .article_summary p, .article_content .content_wrap .content_main .content_main_container .article_summary li {
  margin: 0;
  font-size: 1em;
}
.article_content .content_wrap .content_main .content_main_container figure {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.article_content .content_wrap .content_main .content_main_container figure img {
  width: 100%;
  height: auto;
  margin: 0;
}
.article_content .content_wrap .content_main .content_main_container figure figcaption {
  font-size: 0.8em;
  color: rgba(51, 51, 51, 0.7);
}
.article_content .content_wrap .content_main .content_main_container .document_topics li {
  margin-left: 0 !important;
}
.article_content .content_wrap .content_main .content_main_container .quote_content {
  margin-left: 10px !important;
  margin-bottom: 0 !important;
}
.article_content .content_wrap .content_main .content_main_container .quote_content p {
  margin-left: 0 !important;
}
.article_content .content_wrap .content_main .content_main_container table {
  width: 100%;
  background: none;
  border-collapse: collapse;
  margin: 2em 0;
}
.article_content .content_wrap .content_main .content_main_container table tr {
  border-bottom: 1px solid rgb(215, 215, 215);
}
.article_content .content_wrap .content_main .content_main_container table tr td, .article_content .content_wrap .content_main .content_main_container table tr th {
  padding: 1em;
}
.article_content .content_wrap .content_main .content_main_container table tr th {
  background: rgb(0, 131, 179);
  color: rgb(255, 255, 255);
  text-align: left;
}
.article_content .content_wrap .content_main .content_main_container li {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .article_content .content_wrap .content_main .content_main_container li {
    font-size: 16px;
    line-height: 22px;
  }
}
.article_content .content_wrap .content_main .content_main_container .sdg_container {
  margin: 0;
  padding: 0;
  margin-left: 60px;
  display: none;
  /*******/
  /*******/
  /*
  & h3{
  	font-weight: 400;
  }

  & .sdg_items{
  	overflow: hidden;

  	& .sdg_item{
  		width: 50%;
  		min-width: 300px;
  		float: left;
  		display: table;
  		height: 100%;

  		@media screen and (max-width:767px){
  			width: 100%;
  			min-width: 100px;
  			float: none;
  			display: block;
  			overflow: hidden;
  			margin-bottom: 1em;
  		}

  		&:after{clear: both;}

  		&_image{
  			float: left;
  			margin-right: 1em;
  			width: 100px;
  			height: 100px;
  			position: relative;

  			& img{
  				position: absolute;
  				top: 50%;
  				left: 50%;
  				transform: translate(-50%, -50%);
  			}
  		}

  		&_body{
  			display: table-cell;
  			vertical-align: middle;
  			padding: 1em 1em 1em 0;
  			overflow: hidden;
  			width: 100%;

  			& span{
  				display: block;
  				font-weight: 700;
  			}
  		}
  	}

  	& .sdg06{
  		& .sdg_item_image{
  			background-color: rgba(17,189,227,1.0);
  		}

  		& span{
  			color: rgba(17,189,227,1.0);
  		}
  	}


  	& .sdg12{
  		& .sdg_item_image{
  			background-color: rgba(191,143,34,1.0);
  		}

  		& span{
  			color: rgba(191,143,34,1.0);
  		}
  	}
  }*/
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid {
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  margin-left: 0.5em;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item {
  width: 31%;
  margin: 1em 0.8em 1em 0;
  background: #f2f2f2;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item_container {
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-flow: nowrap;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item_container .contextual_sdg_item_image {
  width: 30%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item_container .contextual_sdg_item_image img {
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 0;
  display: block;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item_container .contextual_sdg_item_text {
  width: 70%;
  padding: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item_container .contextual_sdg_item_text h3 {
  font-size: 1.1em;
  line-height: 0.8em;
  margin: 0;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item_container .contextual_sdg_item_text_description {
  font-size: 0.95em;
  margin-top: 10px;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item_container .contextual_sdg_item_button {
  display: none;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid .contextual_sdg_item:last-child {
  float: left;
}
.article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid:before, .article_content .content_wrap .content_main .content_main_container .sdg_container .ep_sdg_grid:after {
  display: none;
}
.article_content .content_wrap .content_main .content_main_container .media_contact {
  margin: 0;
  padding: 0;
  margin-top: 3em;
  overflow: hidden;
}
.article_content .content_wrap .content_main .content_main_container .media_contact h3 {
  font-weight: 400;
}
.article_content .content_wrap .content_main .content_main_container .media_contact_image {
  float: left;
  margin-right: 1em;
  max-width: 150px;
}
@media screen and (max-width: 767px) {
  .article_content .content_wrap .content_main .content_main_container .media_contact_image {
    width: 20%;
  }
}
.article_content .content_wrap .content_main .content_main_container .media_contact_image img {
  width: 100%;
  height: auto;
  margin: 0;
}
.article_content .content_wrap .content_main .content_main_container .media_contact_body {
  overflow: hidden;
}
.article_content .content_wrap .content_main .content_main_container .media_contact_body_name {
  font-weight: 700;
  color: rgb(0, 131, 179);
  font-size: 1.375em;
}
@media screen and (max-width: 479px) {
  .article_content .content_wrap .content_main .content_main_container .media_contact_body_name {
    font-size: 1.175em;
  }
}
.article_content .content_wrap .content_main .content_main_container .media_contact_body_title {
  font-size: 1.125em;
}
@media screen and (max-width: 479px) {
  .article_content .content_wrap .content_main .content_main_container .media_contact_body_title {
    font-size: 1em;
  }
}
.article_content .content_wrap .content_main .content_main_container .media_contact_body_info {
  margin-top: 1.5em;
}
@media screen and (max-width: 479px) {
  .article_content .content_wrap .content_main .content_main_container .media_contact_body_info {
    margin-top: 0.5em;
  }
}
.article_content .content_wrap .content_main .content_main_container .media_contact_body_info_phone:before {
  font-family: FontAwesome;
  content: "\f095";
  margin-right: 10px;
  color: rgb(187, 187, 187);
}
.article_content .content_wrap .content_main .content_main_container .media_contact_body_info_email:before {
  font-family: FontAwesome;
  content: "\f0e0";
  margin-right: 10px;
  color: rgb(187, 187, 187);
}
.article_content .content_wrap .content_main p {
  line-height: 1.5em;
  font-weight: 300;
}
.article_content .content_wrap .content_sidebar {
  float: right;
  width: 300px;
}
@media screen and (max-width: 767px) {
  .article_content .content_wrap .content_sidebar {
    float: none;
    width: 100%;
    position: relative;
  }
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight {
  background-color: rgb(75, 159, 55);
  color: #fff;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight h5, .article_content .content_wrap .content_sidebar .content_sidebar_highlight h3 {
  margin: 0;
  padding: 0;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight_title {
  margin: 2em;
  margin-bottom: 0;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight_title h3 {
  font-size: 1.6em !important;
  margin: 0 !important;
  line-height: 1em !important;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_new {
  padding: 0 2em 2em 2em;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_new .content_sidebar_highlight_item_links ul li {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-left: none;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_new .content_sidebar_highlight_item_links ul li a {
  margin: 0 !important;
  font-size: 0.9em !important;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item {
  display: block;
  margin: 2em;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_label h3 {
  font-size: 1.25em;
  font-weight: 300;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_title h5 {
  font-weight: 700;
  font-size: 1.5em;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links {
  overflow: hidden;
  margin-top: 1em;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul {
  margin: 0;
  padding: 0;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li {
  list-style: none;
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 28px;
  font-size: 18px;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  display: block;
  margin: 0 1em;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li a:hover {
  color: rgb(255, 255, 255);
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li:first-child {
  border-left: none;
}
.article_content .content_wrap .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li:first-child a {
  margin: 0 1em 0 0;
}
.article_content .interstitial {
  margin: 0;
  padding: 0;
  margin: 1em 0;
}
@media screen and (max-width: 767px) {
  .article_content .interstitial {
    margin: 2em 0 0.5em 0;
  }
}
.article_content .interstitial .content_main {
  float: none;
  width: 100%;
}
.article_content .interstitial .content_main .content_factbox {
  margin: 0;
  padding: 0;
  min-width: 500px;
  width: calc(100% - 400px);
  height: 100%;
  display: table;
}
.article_content .interstitial .content_main .content_factbox_image {
  float: left;
  margin-right: 1em;
}
.article_content .interstitial .content_main .content_factbox_image img {
  width: 100%;
  height: auto;
}
.article_content .interstitial .content_main .content_factbox_body {
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
.article_content .interstitial .content_main .content_factbox_body .fact_text p {
  color: rgb(1, 114, 76);
  font-size: 1.875em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  padding: 0.3em 0;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/img/fact_line.png") top left no-repeat;
  padding-top: 1em;
}
@media screen and (max-width: 767px) {
  .article_content .interstitial .content_main .content_factbox_body .fact_text p {
    font-size: 1.475em;
    line-height: 1.2em;
  }
}
.article_content .interstitial .content_main .content_factbox_body .fact_source p {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .article_content .interstitial .content_main .content_factbox {
    min-width: 100px;
    margin: 0 auto;
    width: 95% !important;
  }
}
.article_content .interstitial .content_main .content_quotebox {
  margin: 0;
  padding: 0;
  min-width: 600px;
  width: calc(100% - 300px);
  height: 100%;
  display: table;
}
.article_content .interstitial .content_main .content_quotebox_body {
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
.article_content .interstitial .content_main .content_quotebox_body .fact_text p {
  color: rgb(1, 114, 76);
  font-size: 1.875em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  padding: 0.3em 0;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/img/quote_rule.png") top left no-repeat;
  padding-top: 1em;
}
@media screen and (max-width: 767px) {
  .article_content .interstitial .content_main .content_quotebox_body .fact_text p {
    font-size: 1.475em;
    line-height: 1.2em;
  }
}
.article_content .interstitial .content_main .content_quotebox_body .fact_source p {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .article_content .interstitial .content_main .content_quotebox {
    min-width: 100px;
    margin: 0 auto;
    width: 95% !important;
  }
}
.article_content .interstitial .content_main .content_map {
  width: 100%;
  height: 100%;
  display: table;
  background-color: rgb(0, 131, 179);
  padding: 2em;
}
@media screen and (max-width: 767px) {
  .article_content .interstitial .content_main .content_map {
    display: block;
    padding: 1em 0 !important;
  }
}
.article_content .interstitial .content_main .content_map_image {
  float: left;
  margin-right: 2em;
  width: 570px;
}
.article_content .interstitial .content_main .content_map_image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .article_content .interstitial .content_main .content_map_image {
    float: none;
    margin-right: 0;
    width: 95%;
    margin: 0 auto;
  }
}
.article_content .interstitial .content_main .content_map_body {
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .article_content .interstitial .content_main .content_map_body {
    display: block;
    width: 95%;
    margin: 0 auto;
  }
}
.article_content .interstitial .content_main .content_map_body .fact_text p {
  color: rgb(255, 255, 255);
  font-size: 1.221em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  padding: 0.3em 0;
}
.article_content .interstitial .content_main .content_map_body .fact_source p {
  margin: 0;
  padding: 0;
  margin-top: 1em;
  font-size: 0.9em;
  display: inline-block;
}
.article_content .interstitial .content_main .content_map_body .fact_source p a {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
.article_content .article_tags {
  border-top: 0.0625rem dotted #dfdfdf;
  margin-left: 60px;
  padding: 0.8em 0.4em;
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  .article_content .article_tags {
    margin-left: 0;
    margin-bottom: 1em;
    margin-top: 2em;
  }
}
.article_content .article_tags_title {
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #767676;
  display: block;
  margin-bottom: 0.1875rem;
}
.article_content .article_tags_topics, .article_content .article_tags_tags {
  padding: 0.2em 0 0 0;
}
.article_content .article_tags_topics ul, .article_content .article_tags_tags ul {
  margin: 0;
  padding: 0;
}
.article_content .article_tags_topics li, .article_content .article_tags_tags li {
  display: inline-block;
  list-style: none;
  margin: -3px 3px !important;
}
.article_content .article_tags_topics li a, .article_content .article_tags_tags li a {
  font-size: 0.8em;
  font-weight: 400;
  line-height: 0;
}
.article_content .article_tags_topics li a:hover, .article_content .article_tags_tags li a:hover {
  text-decoration: underline;
}
.article_content .article_tags_topics li:before, .article_content .article_tags_tags li:before {
  content: "/";
  margin-right: 8px;
  color: rgb(189, 191, 191);
  line-height: 5px !important;
}
.article_content .article_tags_topics li:first-child:before, .article_content .article_tags_tags li:first-child:before {
  content: none;
}
.article_content .article_tags_topics li:first-child a {
  font-weight: 600;
}
.article_content .article_tags_topics a {
  color: #005689;
  font-size: 2.1em;
}
.article_content .article_tags_tags li {
  font-size: 1em !important;
}
.article_content .article_tags_tags a {
  color: #767676;
}

/* Events Page */
.pm_event_banner {
  overflow: hidden;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
}
.pm_event_banner p {
  font-size: 16px;
  line-height: 28px;
}
.pm_event_banner .banner_info {
  overflow: auto;
  width: 95%;
  background-color: #0083b3;
  padding-left: 5%;
  position: relative;
}
.pm_event_banner .banner_info .banner_img {
  margin: 0;
  padding: 0;
  float: right;
  width: 50%;
  height: 400px;
  background-size: cover;
  background-position: center;
}
.pm_event_banner .banner_info img {
  display: block;
  width: 100%;
  height: auto;
}
.pm_event_banner .title {
  text-transform: uppercase;
  color: #fff;
}
.pm_event_banner .taxonomy {
  text-transform: uppercase;
  color: #fff;
  background: #024256;
  padding: 7px;
  font-size: 14px;
}
.pm_event_banner .site_title {
  color: #fff;
}
.pm_event_banner .site_title h1 {
  margin: 10px 0;
  padding: 0;
  font-size: 40px;
  line-height: 45px;
}
.pm_event_banner .event_date {
  color: #fff;
  font-size: 18px;
}
.pm_event_banner .location {
  color: #fff;
  font-size: 22px;
}
.pm_event_banner .event_details {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45%;
}

.event_page {
  position: relative;
  padding: 0 5% 0 5%;
}
.event_page .event_page_left {
  width: 70%;
  float: left;
  margin-right: 5%;
}
.event_page .event_page_right {
  width: 25%;
  float: right;
  padding-top: 10%;
}
.event_page h5 {
  clear: both;
  margin-bottom: 20px;
}
.event_page .intro {
  font-size: 30px;
  line-height: 40px;
}
.event_page .twitter {
  margin-top: 10px;
}
.event_page .twitter .title {
  color: #4791d8;
}
.event_page .resp-tab-content {
  background-color: #fff;
}
.event_page .resp-tab-content a {
  color: #0084b4;
}
.event_page .resp-tab-content a:hover {
  opacity: 0.7;
}
.event_page .event_page_left table {
  width: 100%;
  background: none;
  border-collapse: collapse;
  margin: 2em 0;
}
.event_page .event_page_left table tr {
  border-bottom: 1px solid #d7d7d7;
}
.event_page .event_page_left table tr td,
.event_page table tr th {
  padding: 1em;
}
.event_page .event_page_left table tr th {
  background: #0083b3;
  color: white;
  text-align: left;
}

.content_sidebar_highlight {
  background-color: #4b9f37;
  color: #fff;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.content_sidebar_highlight img {
  width: 100%;
}
.content_sidebar_highlight h3 {
  margin: 0.5em 0;
}

.content_sidebar_highlight_item {
  display: block;
  margin: 2em;
}
.content_sidebar_highlight_item .btn {
  padding: 10px;
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  color: #4b9f37;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin: 20px 0;
}
.content_sidebar_highlight_item .btn:hover {
  background: #4b9f37;
  border-radius: 5px;
  border: 2px solid #fff;
  color: #fff;
}
.content_sidebar_highlight_item .content_sidebar_highlight_item_title {
  font-weight: 100;
}
.content_sidebar_highlight_item ul li {
  list-style: none;
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.speakers {
  margin-bottom: 20px;
  overflow: auto;
}
.speakers ul {
  margin-left: 0;
  padding-left: 0 !important;
}
.speakers ul li {
  list-style: none;
  width: 30%;
  padding-right: 3%;
  float: left;
  margin-bottom: 20px;
}
.speakers img {
  float: left;
  width: 45%;
  height: unset;
  padding-right: 10px;
}
.speakers a {
  display: block;
  font-weight: bold;
}
.speakers .speaker_info {
  font-size: 14px;
  font-style: italic;
}

.taxonomy_pack {
  padding-bottom: 40px;
  display: block;
}
.taxonomy_pack a {
  background: #e5f3f6;
  border: 1px solid #0083b3;
  padding: 10px;
  font-weight: bold;
  margin-top: 2em;
  font-size: 18px;
  display: inline-block;
}

.other_events {
  border-top: 1px solid #ccc;
  clear: both;
}
.other_events div {
  background: #f2f2f2;
  width: 30%;
  display: inline-block;
  padding: 10px 0 10px 10px;
  margin-right: 2%;
}
.other_events div:last-child {
  margin-right: 0;
}
.other_events .o_event_info {
  width: 100%;
}
.other_events img {
  float: right;
  padding-left: 10px;
  width: 40%;
}
.other_events .toptitle {
  text-transform: uppercase;
  display: block;
}
.other_events .e_title {
  font-weight: bold;
  padding-top: 10px;
  display: block;
}
.other_events .e_dates {
  padding-top: 10px;
  font-style: italic;
  display: block;
}
.other_events .see_all_e {
  text-align: right;
  display: block;
  padding-top: 10px;
  font-size: 14px;
}

.schedule_list {
  border: 2px solid #4791d8;
  padding: 10px;
  color: #4791d8;
  font-weight: bold;
}

.schedule_wrap {
  overflow: hidden;
}
.schedule_item {
  display: flex;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
}
.schedule_item_time {
  flex: 0 0 20%;
  border: 0px solid #ccc;
  padding: 10px 15px;
}
.schedule_item_time_info {
  display: block;
  margin-bottom: 4px;
}
.schedule_item_time .schedule_item_place {
  display: block;
}
.schedule_item_description {
  padding: 10px;
  overflow: hidden;
}
.schedule_item_description_wrap {
  margin: 0 0 2% 3%;
  width: 82%;
  float: right;
}
.schedule_item_description .schedule_item_title {
  margin-bottom: 5px;
}
.schedule_item_description .schedule_item_title_text {
  float: right;
  width: 82%;
  margin-left: 3%;
}
.schedule_item_description .schedule_item_title_text_title {
  font-weight: 700;
  display: block;
}
.schedule_item_description .schedule_item_title_text_role {
  font-style: italic;
  display: block;
}
.schedule_item_description .schedule_item_title_image {
  width: 15%;
  overflow: hidden;
}
.schedule_item_description .schedule_item_title_image img {
  width: 100%;
  display: block;
  height: auto;
}
.schedule_item_description .schedule_item_info {
  overflow: hidden;
}
.schedule_item_description .schedule_item_info_desctitle {
  margin-top: 10px;
  display: block;
  font-weight: 700;
}
.schedule_item_description .schedule_item_info_desc {
  display: block;
  padding: 15px 0;
}
.schedule_item_description .schedule_item_info_addthis {
  margin-top: 10px;
  font-size: 14px;
  display: block;
}
.schedule_item_description .schedule_item_info_addthis ul {
  margin: 0;
  padding: 0 5px;
  display: inline-block;
}
.schedule_item_description .schedule_item_info_addthis li {
  display: inline-block;
  border-right: 1px solid #ccc;
  padding: 0 5px;
}
.schedule_item_description .schedule_item_info_addthis li:last-child {
  border-right: 0;
}
.schedule_item.header {
  background-color: #0083b3;
  border-bottom: 0px solid #d7d7d7;
  padding-bottom: 0 !important;
}
.schedule_item.header .schedule_item_time,
.schedule_item.header .schedule_item_description {
  padding: 15px;
  font-weight: 600;
  color: #fff;
}
.schedule_item:last-child {
  border-bottom: 0px solid #ccc;
}
@media only screen and (max-width: 480px) {
  .schedule_item {
    display: block;
  }
  .schedule_item:first-child {
    display: none;
  }
}
.schedule table {
  width: 100%;
  background: none;
  border-collapse: collapse;
  margin: 2em 0;
}
.schedule table tr {
  border-bottom: 1px solid #d7d7d7;
}
.schedule table tr:last-child {
  border-bottom: 0 solid #d7d7d7;
}
.schedule table tr th {
  padding: 1em;
  background: #0083b3;
  color: #fff;
  text-align: left;
}
.schedule table td {
  vertical-align: top;
}
.schedule table th:first-child {
  width: 20%;
}
.schedule .info {
  padding-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.schedule .info img {
  float: left;
  width: 15%;
  padding-right: 20px;
}
.schedule .info img:after {
  clear: both;
}
.schedule .info .title_1 {
  font-weight: bold;
  display: block;
}
.schedule .info .role {
  font-style: italic;
  display: block;
}
.schedule .info .role::after {
  clear: both;
}
.schedule .info .title_2 {
  margin-top: 10px;
  display: block;
  font-weight: bold;
}
.schedule .info .cont {
  width: 82%;
  margin-left: 18%;
  display: block;
}
.schedule .info p {
  clear: both;
  margin-top: 10px;
}
.schedule .info .add_this_e {
  margin-top: 10px;
  font-size: 14px;
  margin-left: 18%;
  padding-bottom: 20px;
  display: block;
}
.schedule .info .add_this_e ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.schedule .info .add_this_e ul li:last-child {
  border-right: 0;
}
.schedule .info .add_this_e li {
  display: inline-block;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}

.news {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  overflow: auto;
  font-size: 20px;
}
.news img {
  float: right;
  padding-left: 10px;
  padding-top: 20px;
  width: 25%;
}
.news .news_title {
  font-weight: bold;
  display: block;
}
.news .news_date {
  font-style: italic;
  margin-bottom: 10px;
  display: block;
}
.news:last-child {
  border-bottom: 0;
}

@media screen and (max-width: 767px) {
  .pm_event_banner .banner_info .banner_img,
  .pm_event_banner .banner_info .event_details {
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
    display: block;
  }
  .rule {
    display: none;
  }
  .speakers img {
    float: left;
    width: 100%;
  }
  .event_page_left,
  .event_page_right {
    width: 100% !important;
    display: block !important;
    float: none;
  }
  .event_page .intro {
    padding-top: 0px !important;
  }
  .pm_event_banner .banner_info {
    width: 100%;
    padding: 0;
  }
  .pm_event_banner .banner_info {
    padding-bottom: 5%;
  }
  .pm_event_banner .banner_info .event_details {
    padding: 5%;
    width: 95%;
  }
  .pm_event_banner .site_title h1 {
    font-size: 36px;
  }
  .speakers ul li {
    width: 45%;
    padding-right: 5%;
  }
  .event_page .event_page_left h6,
  .event_page .event_page_left h5 {
    line-height: 32px;
  }
  .other_events div {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    overflow: auto;
  }
  .schedule td:first-child {
    width: 35%;
  }
  .news img,
  exhibits img {
    float: none;
    width: 100%;
  }
  .news,
  .exhibits {
    overflow: hidden;
  }
}
@media screen and (max-width: 1007px) {
  .rule {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1006px) {
  .resp-tabs-list li {
    font-size: 18px;
    display: inline-block;
    padding: 13px 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1264px) {
  .pm_event_banner .banner_info img {
    width: auto;
    height: 452px;
    object-fit: cover;
  }
  .pm_event_banner .site_title h1 {
    font-size: 2.6em;
  }
}
/* Report Page */
.report {
  margin: 0;
  padding: 0;
}
.report_body_wrap {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 30px;
  min-height: 760px;
}
@media screen and (max-width: 767px) {
  .report_body_wrap {
    width: 95%;
    padding-top: 30px;
  }
  .report_body_wrap h4 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
  }
}

.report_header {
  margin-left: 105px;
  margin-bottom: 100px;
  max-width: 1000px;
}
@media screen and (max-width: 767px) {
  .report_header {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .report_header {
    margin-bottom: 30px;
  }
}
.report_header_meta {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
}
.report_header_title h1 {
  margin: 0;
  padding: 0;
  margin: 5px 0;
}
.report_header_author {
  color: rgb(56, 57, 57);
  margin-top: 20px;
}
.report_header_author span.label {
  font-weight: 700;
}

.report_body {
  margin: 0;
  padding: 0;
  position: relative;
}
.report_body .featured_image {
  margin-left: 105px;
  max-width: 820px;
}
@media screen and (max-width: 767px) {
  .report_body .featured_image {
    margin-left: 0;
  }
}
.report_body .featured_image img {
  width: 100%;
  height: auto;
}
.report_body .resource_image {
  display: inline-block;
  float: left;
  margin-left: 105px;
  margin-right: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .report_body .resource_image {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .report_body .resource_image {
    max-width: 150px;
  }
}
.report_body .resource_image img {
  margin-top: 7px;
  width: 200px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .report_body .resource_image img {
    width: 100%;
    height: auto;
  }
}
.report_body h3, .report_body h5, .report_body p, .report_body ul, .report_body ol, .report_body [data-oembed-url] {
  margin-left: 105px;
  max-width: 818px;
}
@media screen and (max-width: 767px) {
  .report_body h3, .report_body h5, .report_body p, .report_body ul, .report_body ol, .report_body [data-oembed-url] {
    margin-left: 0;
  }
}
.report_body ul, .report_body ol {
  max-width: 770px;
}
.report_body ul ul, .report_body ol ul {
  margin-left: 0;
}

.layout_ar .report_body_wrap .report_body .resource_image {
  float: right;
  margin: 0 0 10px 20px;
}
.layout_ar .report_body_wrap .report_body h3, .layout_ar .report_body_wrap .report_body h5, .layout_ar .report_body_wrap .report_body p, .layout_ar .report_body_wrap .report_body ul, .layout_ar .report_body_wrap .report_body ol, .layout_ar .report_body_wrap .report_body [data-oembed-url] {
  max-width: none;
  padding-left: calc(100% - 900px);
  position: relative;
  z-index: 2;
  text-align: right;
  direction: rtl;
}
.layout_ar .report_body_wrap .content_sidebar {
  right: calc(100% - 393.12px);
  z-index: 7;
}
.layout_ar .report_body_wrap .content_sidebar .content_sidebar_highlight_languages a {
  direction: rtl;
}
.layout_ar .report_body_wrap .content_sidebar .content_sidebar_highlight_languages a::before {
  content: "";
}
.layout_ar .report_body_wrap .content_sidebar .content_sidebar_highlight_languages a::after {
  font-family: "FontAwesome";
  content: "\f1c1";
  margin-left: 7px;
  font-size: 1.4em;
}

.quote_content {
  margin: 40px 0;
  margin-left: 52px;
  color: rgb(1, 114, 76);
  background: url(https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/img/Brown_Rule.png) top left no-repeat;
  padding: 30px 0 0 0;
}
@media screen and (max-width: 767px) {
  .quote_content {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .quote_content {
    margin: 30px 0;
  }
}
.quote_content p {
  margin: 0;
  padding-bottom: 20px;
  max-width: 870px;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .quote_content p {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px;
    font-weight: 300;
  }
}

.interstitial_map_content {
  margin: 40px 0;
  margin-left: 52px;
  background-color: rgb(0, 132, 180);
  color: #fff;
  overflow: hidden;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .interstitial_map_content {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .interstitial_map_content {
    margin: 30px 0;
    padding: 20px;
  }
}
.interstitial_map_content .interstitial_map_image {
  float: left;
  margin-right: 30px;
  max-width: 570px;
}
@media screen and (max-width: 767px) {
  .interstitial_map_content .interstitial_map_image {
    float: none;
    margin-right: 0;
    max-width: none;
    width: 100%;
  }
}
.interstitial_map_content .interstitial_map_image img {
  display: block;
  width: 100%;
  height: auto;
}
.interstitial_map_content .interstitial_map_text {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.interstitial_map_content .interstitial_map_text p {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 30px;
  font-size: 19px;
}
@media screen and (max-width: 767px) {
  .interstitial_map_content .interstitial_map_text p {
    font-size: 16px;
    margin-top: 15px;
  }
}
.interstitial_map_content .interstitial_map_text p a {
  color: #fff;
  text-decoration: underline;
}

.content_sidebar {
  width: 288px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgb(76, 159, 56);
}
@media screen and (max-width: 767px) {
  .content_sidebar {
    position: relative;
    width: 100%;
  }
}
.content_sidebar h3, .content_sidebar h5, .content_sidebar ul, .content_sidebar ol, .content_sidebar p {
  margin: 0;
  padding: 0;
}
.content_sidebar .content_sidebar_highlight {
  color: #fff;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.content_sidebar .content_sidebar_highlight h5, .content_sidebar .content_sidebar_highlight h3 {
  margin: 0;
  padding: 0;
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item {
  display: block;
  margin: 2em;
}
@media screen and (max-width: 767px) {
  .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item {
    margin: 1.5em;
  }
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_label h3 {
  font-size: 1.25em;
  font-weight: 300;
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_title h5 {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.2;
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links {
  overflow: hidden;
  margin-top: 1em;
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul {
  margin: 0;
  padding: 0;
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li {
  list-style: none;
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  display: block;
  margin: 0 1em;
}
@media screen and (max-width: 767px) {
  .content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li a {
    line-height: 30px;
  }
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li a:hover {
  color: rgb(255, 255, 255);
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li:first-child {
  border-left: none;
}
.content_sidebar .content_sidebar_highlight .content_sidebar_highlight_item_links ul li:first-child a {
  margin: 0 1em 0 0;
}
.content_sidebar .content_sidebar_highlight_languages {
  background-color: rgb(242, 242, 242);
  padding: 35px;
}
.content_sidebar .content_sidebar_highlight_languages a {
  color: rgb(0, 132, 180);
  display: block;
  margin: 10px 0;
}
.content_sidebar .content_sidebar_highlight_languages a:hover {
  opacity: 0.7;
}
.content_sidebar .content_sidebar_highlight_languages a::before {
  font-family: "FontAwesome";
  content: "\f1c1";
  margin-right: 7px;
  font-size: 1.4em;
}
@media screen and (max-width: 767px) {
  .content_sidebar .content_sidebar_highlight_languages {
    padding: 1.5em;
  }
}
.content_sidebar .content_sidebar_highlight_languages li, .content_sidebar .content_sidebar_highlight_languages p {
  font-size: 17px;
}
.content_sidebar .content_sidebar_highlight_languages li {
  list-style: none;
}
@media screen and (max-width: 767px) {
  .content_sidebar .content_sidebar_highlight_languages li {
    margin: 10px 0;
  }
}
.content_sidebar .content_sidebar_highlight_languages li a:after {
  font-family: FontAwesome;
  content: "\f105";
  margin-left: 5px;
  font-size: 0.8em;
}

.publishing_info {
  margin: 40px 0;
  margin-left: 105px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 820px;
}
@media screen and (max-width: 767px) {
  .publishing_info {
    margin-left: 0;
  }
}
.publishing_info p {
  margin: 0;
  padding: 0;
}

.document_topics {
  margin: 40px 0;
  margin-left: 105px;
  clear: both;
}
@media screen and (max-width: 767px) {
  .document_topics {
    margin-left: 0;
  }
}
.document_topics p {
  margin: 0;
  padding: 0;
}
.document_topics ul {
  margin: 0;
  padding: 0;
}
.document_topics ul li {
  list-style: none;
  display: inline-block;
  margin-bottom: 20px;
}
.document_topics ul li:nth-child(n+2) {
  border-right: 1px solid #959595;
}
.document_topics ul li:last-child {
  border-right: none;
}
.document_topics ul li a {
  font-size: 18px;
  color: rgb(0, 132, 180);
  font-weight: bold;
  line-height: 1.833;
  padding: 12px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .document_topics ul li a {
    font-size: 14px;
    padding: 0.2em 0.3em;
  }
}
.document_topics ul li a:hover {
  color: rgba(6, 76, 101, 0.7);
}
@media screen and (max-width: 767px) {
  .document_topics ul li {
    margin-bottom: 10px;
  }
}
.document_topics ul li.current a {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(0, 132, 180);
  background-color: rgba(0, 132, 180, 0.102);
}
@media screen and (max-width: 767px) {
  .document_topics ul li.current a {
    font-size: 14px;
    padding: 0.2em 0.3em;
  }
}
.document_topics ul li.current a:hover {
  color: rgb(0, 132, 180);
  background-color: rgba(0, 132, 180, 0.302);
}

.sdg_container {
  margin: 40px 0;
  margin-left: 105px;
  max-width: 820px;
}
@media screen and (max-width: 767px) {
  .sdg_container {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .sdg_container {
    margin: 20px 0;
  }
}
.sdg_container .sdg_items {
  overflow: hidden;
}
.sdg_container .sdg_items .sdg_item {
  width: 50%;
  min-width: 300px;
  float: left;
  display: table;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .sdg_container .sdg_items .sdg_item {
    width: 100%;
    float: none;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
  }
}
.sdg_container .sdg_items .sdg_item:after {
  clear: both;
}
.sdg_container .sdg_items .sdg_item_image {
  float: left;
  margin-right: 1em;
  width: 100px;
  height: 100px;
  position: relative;
}
.sdg_container .sdg_items .sdg_item_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sdg_container .sdg_items .sdg_item_body {
  display: table-cell;
  vertical-align: middle;
  padding: 1em 1em 1em 0;
  overflow: hidden;
  width: 100%;
}
.sdg_container .sdg_items .sdg_item_body span {
  display: block;
  font-weight: 700;
}
.sdg_container .sdg_items .sdg06 .sdg_item_image {
  background-color: rgb(17, 189, 227);
}
.sdg_container .sdg_items .sdg06 span {
  color: rgb(17, 189, 227);
}
.sdg_container .sdg_items .sdg12 .sdg_item_image {
  background-color: rgb(191, 143, 34);
}
.sdg_container .sdg_items .sdg12 span {
  color: rgb(191, 143, 34);
}

.report_related {
  margin: 40px 0;
  margin-left: 105px;
  max-width: 1030px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .report_related {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .report_related {
    margin: 20px 0;
  }
}
.report_related .report_related_items {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .report_related .report_related_items {
    flex-flow: wrap;
    width: 100%;
  }
}
.report_related .report_related_items .report_related_item {
  max-width: 325px;
}
@media screen and (max-width: 767px) {
  .report_related .report_related_items .report_related_item {
    max-width: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .report_related .report_related_items .report_related_item .report_related_item_meta {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 10px;
  }
}
.report_related .report_related_items .report_related_item h6 {
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .report_related .report_related_items .report_related_item h6 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
  }
}
.report_related .report_related_items .report_related_item img {
  width: 100%;
  height: auto;
}

.inner_image {
  float: left;
  margin: 1em 1.5em 1em 0;
  max-width: 400px;
  overflow: hidden;
}
.inner_image img {
  display: block;
  width: 100%;
  height: auto;
}
.inner_image_caption {
  display: block;
  color: rgb(101, 101, 101);
  font-size: 0.7em;
}
.inner_image_credit {
  display: block;
  font-style: italic;
  font-size: 0.7em;
}
.inner_image_credit:before {
  font-family: FontAwesome;
  content: "\f030";
  margin-right: 7px;
  font-style: normal;
}
@media only screen and (max-width: 480px) {
  .inner_image {
    float: none !important;
    margin: 1em 0 !important;
    display: block;
  }
}

.cover_image {
  float: left;
  margin: 1em 1.5em 1em 0;
  max-width: 240px;
  overflow: hidden;
}
.cover_image img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 480px) {
  .cover_image {
    float: none !important;
    margin: 1em 0 !important;
    display: block;
  }
}

/* Expert Profile Page */
.expert {
  margin: 0;
  padding: 0;
}
.expert .expert_content_wrap {
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  min-height: 620px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap {
    width: 95%;
    min-height: none;
  }
}
.expert .expert_content_wrap .expert_content {
  width: 100%;
  max-width: 1115px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content {
    width: 100%;
  }
}
.expert .expert_content_wrap .expert_content h1, .expert .expert_content_wrap .expert_content h2, .expert .expert_content_wrap .expert_content h3, .expert .expert_content_wrap .expert_content h4, .expert .expert_content_wrap .expert_content h5, .expert .expert_content_wrap .expert_content p, .expert .expert_content_wrap .expert_content .expert_content_latest_item_type {
  padding-left: 50px;
  width: 710px;
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content h1, .expert .expert_content_wrap .expert_content h2, .expert .expert_content_wrap .expert_content h3, .expert .expert_content_wrap .expert_content h4, .expert .expert_content_wrap .expert_content h5, .expert .expert_content_wrap .expert_content p, .expert .expert_content_wrap .expert_content .expert_content_latest_item_type {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.expert .expert_content_wrap .expert_content h1, .expert .expert_content_wrap .expert_content h2, .expert .expert_content_wrap .expert_content h3, .expert .expert_content_wrap .expert_content h4, .expert .expert_content_wrap .expert_content h5, .expert .expert_content_wrap .expert_content h6 {
  margin: 0;
}
.expert .expert_content_wrap .expert_content ul, .expert .expert_content_wrap .expert_content hr {
  margin-left: 50px;
  width: 710px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content ul, .expert .expert_content_wrap .expert_content hr {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.expert .expert_content_wrap .expert_content hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.expert .expert_content_wrap .expert_content h2 {
  color: rgb(51, 51, 51);
  font-size: 28px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.expert .expert_content_wrap .expert_content h4 {
  font-weight: 700;
}
.expert .expert_content_wrap .expert_content p.expert_quote {
  padding-left: 0;
  font-size: 30px;
  line-height: 38px;
  font-weight: 300;
  margin: 1em 0;
  color: rgb(1, 114, 76);
  background: url(https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/img/Brown_Rule.png) top left no-repeat;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content p.expert_quote {
    font-size: 20px;
    line-height: 26px;
    padding-top: 30px;
  }
}
.expert .expert_content_wrap .expert_content p.expert_quote span {
  font-size: 16px;
  line-height: 22px;
  margin-top: 1em;
  display: block;
}
.expert .expert_content_wrap .expert_content p.expert_quote span:before {
  content: "–";
  margin-right: 5px;
}
.expert .expert_content_wrap .expert_content_bio {
  position: relative;
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts {
  position: absolute;
  right: 0;
  top: 0;
  width: 289px;
  background-color: rgb(242, 242, 242);
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_bio .expert_contacts {
    position: relative;
    width: 100%;
  }
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_image {
  display: block;
  width: 100%;
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_image img {
  display: block;
  width: 100%;
  height: auto;
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body {
  padding: 30px;
  font-size: 16px;
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body p {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  width: auto;
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body_phone:before, .expert .expert_content_wrap .expert_content_bio .expert_contacts_body_email:before, .expert .expert_content_wrap .expert_content_bio .expert_contacts_body_linkedin:before, .expert .expert_content_wrap .expert_content_bio .expert_contacts_body_twitter:before, .expert .expert_content_wrap .expert_content_bio .expert_contacts_body_facebook:before, .expert .expert_content_wrap .expert_content_bio .expert_contacts_body_instagram:before {
  font-family: FontAwesome;
  margin-right: 20px;
  font-style: normal;
  color: rgb(51, 51, 51);
  font-size: 18px;
  line-height: 30px;
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body_phone:before {
  content: "\f095";
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body_email:before {
  content: "\f0e0";
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body_linkedin:before {
  content: "\f0e1";
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body_twitter:before {
  content: "\f099";
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body_facebook:before {
  content: "\f230";
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body_instagram:before {
  content: "\f16d";
}
.expert .expert_content_wrap .expert_content_bio .expert_contacts_body a:hover {
  text-decoration: underline;
}
.expert .expert_content_wrap .expert_content_expertise {
  margin: 0;
  padding: 0;
}
.expert .expert_content_wrap .expert_content_expertise ul {
  padding: 0;
}
.expert .expert_content_wrap .expert_content_expertise ul li {
  list-style: none;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
}
.expert .expert_content_wrap .expert_content_expertise ul li a {
  display: block;
  border: 2px solid rgb(0, 132, 180);
  background-color: rgba(0, 132, 180, 0.102);
  padding: 0.5em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_expertise ul li a {
    font-size: 14px;
    padding: 0.2em 0.3em;
  }
}
.expert .expert_content_wrap .expert_content_expertise ul li a:hover {
  background-color: rgba(0, 132, 180, 0.2);
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_latest h4 {
    font-size: 24px;
  }
}
.expert .expert_content_wrap .expert_content_latest_items {
  margin-top: 30px;
}
.expert .expert_content_wrap .expert_content_latest_items .expert_content_latest_item {
  margin: 1.5em 0;
}
.expert .expert_content_wrap .expert_content_latest_items .expert_content_latest_item_type {
  font-size: 14px;
  color: #656565;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_latest_items .expert_content_latest_item_type {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
.expert .expert_content_wrap .expert_content_latest p {
  color: rgb(101, 101, 101);
  margin: 0;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_latest p {
    font-size: 14px;
    margin-top: 10px;
  }
}
.expert .expert_content_wrap .expert_content_latest .readall a:after {
  font-family: FontAwesome;
  content: "\f105";
  padding-left: 5px;
}
.expert .expert_content_wrap .expert_content_latest a:hover {
  opacity: 0.7;
}
.expert .expert_content_wrap .expert_content_staff {
  margin-left: 50px;
  width: 925px;
  margin-top: 60px;
  padding: 60px 0 90px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_staff {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
    padding: 20px 0 50px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.expert .expert_content_wrap .expert_content_staff h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_staff h4 {
    font-size: 24px;
  }
}
.expert .expert_content_wrap .expert_content_staff_wrap {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_staff_wrap {
    flex-flow: wrap;
  }
}
.expert .expert_content_wrap .expert_content_staff_wrap h6 {
  color: #0084b4;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_staff_wrap h6 {
    font-size: 20px;
  }
}
.expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item {
  margin: 0;
  max-width: 290px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item {
    margin-bottom: 30px;
    width: 100%;
  }
  .expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_title {
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 12px;
  }
}
.expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_contacts {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_contacts {
    margin-top: 5px;
  }
}
.expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_contacts_email {
  color: #0084b4;
}
.expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_contacts_email a:hover {
  text-decoration: underline;
}
.expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_contacts_phone:before, .expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_contacts_email:before {
  font-family: FontAwesome;
  margin-right: 10px;
  font-style: normal;
  color: rgba(51, 51, 51, 0.4);
  font-size: 18px;
  line-height: 20px;
}
.expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_contacts_phone:before {
  content: "\f095";
}
.expert .expert_content_wrap .expert_content_staff_wrap .expert_content_staff_item .staff_contacts_email:before {
  content: "\f0e0";
}

/* Event Document section */
.event_page .resp-tab-content {
  background-color: #fff;
}
.event_page .resp-tab-content a {
  color: #0084b4;
}
.event_page .resp-tab-content a:hover {
  opacity: 0.7;
}
.event_page .resp-tab-content .item-list li {
  margin-bottom: 10px;
}
.event_page .resp-tab-content .item-list li p {
  margin: 2px 0 5px 0;
}
.event_page .resp-tab-content .item-list li a {
  color: rgb(0, 131, 179);
}
.event_page .resp-tab-content .item-list li a:hover {
  color: rgba(0, 131, 179, 0.6);
}

/* Toggle effect*/
#yg-toggle {
  margin: 30px 0;
  padding: 0;
  list-style-position: inside;
}
#yg-toggle li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  position: relative;
  cursor: pointer;
}
#yg-toggle li:hover {
  background-color: #f4f4f4;
}
#yg-toggle li:hover .ob_panel {
  background-color: #ffffff;
}
#yg-toggle span {
  position: absolute;
  right: 5px;
  margin-top: 10px;
  top: 0;
  color: #ccc;
  font-size: 16px;
}
#yg-toggle .ob_panel {
  margin: 5px 0;
  display: none;
}
#yg-toggle .ob_panel li {
  border: none;
  margin: 0;
  padding: 5px 0;
  background-color: #ffffff;
}
@media only screen and (max-width: 480px) {
  #yg-toggle .ob_panel li {
    font-size: 16px;
  }
}

.yg_ab_explore2 {
  margin: 0;
  padding: 0;
}
.yg_ab_explore2_wrap {
  margin: 0 auto;
  max-width: 1240px;
  border-top: 1px solid #e5e5e5;
  padding: 3.8387% 0;
  overflow: hidden;
}
.yg_ab_explore2_wrap h2 {
  margin: 0;
}
.yg_ab_explore2_item {
  float: left;
  width: 31.7%;
  margin: 1.6129% 2.4194% 0 0;
  max-width: 393px;
  padding: 0;
}
.yg_ab_explore2_item:last-child {
  margin-right: 0;
}
.yg_ab_explore2_item_image {
  width: 100%;
  max-height: 220px;
  min-height: 220px;
  overflow: hidden;
}
.yg_ab_explore2_item_image img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 220px;
}
.yg_ab_explore2_item_text {
  overflow: hidden;
  color: #656565;
  padding: 15px 0;
}
.yg_ab_explore2_item_text h3 {
  margin: 0;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
}
.yg_ab_explore2_item_text a {
  color: #000;
}
.yg_ab_explore2_item_text a:hover {
  color: #000;
  opacity: 0.6;
}
.yg_ab_explore2_item_text_meta {
  color: #656565;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 2%;
}
@media only screen and (max-width: 480px) {
  .yg_ab_explore2_item {
    float: none;
    max-width: none !important;
    width: auto;
    margin-right: 0;
  }
  .yg_ab_explore2_item_text h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .yg_ab_explore2_item_text_meta {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ab_explore2_item {
    float: none;
    max-width: none !important;
    width: auto;
    margin-right: 0;
  }
  .yg_ab_explore2_item_text h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .yg_ab_explore2_item_text_meta {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ab_explore2_item {
    width: 31.7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ab_explore2_item {
    width: 31.7%;
  }
}

.yg_ln_slider {
  margin: 0;
  padding: 0;
  background-position: 50% center, 50% center;
  background-size: cover;
  position: relative;
}
.yg_ln_slider_image {
  overflow: hidden;
  height: 525px;
  margin: 0;
  padding: 0;
}
.yg_ln_slider_image::before {
  content: "";
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=.8);
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  width: 100%;
  height: 100%;
}
.yg_ln_slider_image img {
  width: 100%;
  display: block;
}
.yg_ln_slider_text {
  position: absolute;
  width: 86.1111111111%;
  max-width: 1240px;
  top: 45%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate(0%, -45%);
  -ms-transform: translate(0%, -45%);
  /* IE 9 */
  -webkit-transform: translate(0%, -45%);
  color: #fff;
  padding: 1.6129%;
}
.yg_ln_slider_text h1 {
  margin-top: 0;
  text-shadow: 3px 2px 3px rgba(65, 65, 65, 0.5);
}
.yg_ln_slider_text p {
  font-size: 32px;
  line-height: 38px;
  text-shadow: 3px 2px 3px rgba(65, 65, 65, 0.5);
}
@media only screen and (max-width: 480px) {
  .yg_ln_slider_image {
    height: 250px;
  }
  .yg_ln_slider_text {
    width: 80%;
  }
  .yg_ln_slider_text h1 {
    font-size: 22px;
    line-height: 28px;
  }
  .yg_ln_slider_text p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_slider_image {
    height: 350px;
  }
  .yg_ln_slider_text {
    width: 70%;
  }
  .yg_ln_slider_text h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .yg_ln_slider_text p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_slider_image {
    height: 400px;
  }
  .yg_ln_slider_text {
    width: 87%;
  }
  .yg_ln_slider_text h1 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_slider_image {
    height: 420px;
  }
  .yg_ln_slider_text {
    width: 100%;
  }
}

/* Revised Home redesign - 04th July 2022*/
.yg_ln_slider_rev {
  margin: 0;
  padding: 0;
  background-position: 50% center, 50% center;
  background-size: cover;
  position: relative;
}
.yg_ln_slider_rev_image {
  overflow: hidden;
  height: 525px;
  margin: 0;
  padding: 0;
  /*&::before 
  {
  	content: "";			
  	background: -moz-linear-gradient(-45deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 100%);
  	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,.9) rgba(0,0,0,0) 100%); 
  	background: linear-gradient(135deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=.8 ); 
  	position: absolute;
  	width: 100%;
  	height: 100%;
  }*/
}
.yg_ln_slider_rev_image img {
  width: 100%;
  display: block;
}
.yg_ln_slider_rev_text {
  position: absolute;
  width: 40.1111111111%;
  max-width: 1440px;
  top: 50%;
  left: 48.5%;
  right: 0;
  margin: 0 auto;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  /* IE 9 */
  -webkit-transform: translate(0%, -50%);
  color: #fff;
  padding: 1.6129%;
  text-align: left;
}
.yg_ln_slider_rev_text h4 {
  margin: 0;
  font-weight: 900;
  color: #ffffff;
  font-size: 23px;
  line-height: 26px;
}
.yg_ln_slider_rev_text p {
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
}
@media only screen and (max-width: 480px) {
  .yg_ln_slider_rev_image {
    height: 250px;
  }
  .yg_ln_slider_rev_text {
    position: relative;
    width: 86.11%;
    left: 0;
    text-align: center;
  }
  .yg_ln_slider_rev_text h4 {
    font-size: 20px;
    line-height: 22px;
  }
  .yg_ln_slider_rev_text p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_slider_rev_image {
    height: 300px;
  }
  .yg_ln_slider_rev_text {
    margin: 0;
    position: relative;
    width: 86.11%;
    left: 0;
    text-align: center;
  }
  .yg_ln_slider_rev_text h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .yg_ln_slider_rev_text p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_slider_rev_image {
    height: 400px;
  }
  .yg_ln_slider_rev_text {
    width: 41%;
    left: 47%;
  }
  .yg_ln_slider_rev_text h1 {
    font-size: 45px;
    line-height: 50px;
  }
  .yg_ln_slider_rev_text p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_slider_rev_image {
    height: 420px;
  }
}

.yg_ln_about_rev {
  margin: 0;
  padding: 0;
  position: relative;
  /*&::before 
  {
  	content: "";			
  	background-color: #e6eef5;
  	width: 37.1%;
  	height: 100%;
  	position: absolute;	
  	right:0;		
  }*/
}
.yg_ln_about_rev_wrap {
  margin: 0 auto;
  max-width: 1240px;
  padding: 2.8611% 0;
  overflow: hidden;
  position: relative;
}
.yg_ln_about_rev_text {
  overflow: hidden;
  padding: 0 5.6129% 0 0;
}
.yg_ln_about_rev_text a {
  color: #0084b4;
}
.yg_ln_about_rev_text a:hover {
  color: #0084b4;
}
.yg_ln_about_rev_text h3 {
  margin-top: 0;
}
.yg_ln_about_rev_text h4 {
  margin: 0;
  font-weight: 900;
  color: #005696;
}
.yg_ln_about_rev_text p {
  font-size: 20px;
  line-height: 1.5;
}
.yg_ln_about_rev_sidebar {
  overflow: hidden;
  float: right;
  width: 34.4%;
  background-color: #e6eef5;
}
.yg_ln_about_rev_sidebar_list {
  margin: 0;
  padding: 0;
}
.yg_ln_about_rev_sidebar_list h4 {
  font-weight: 900;
  font-size: 23.5px;
  color: #ffffff;
  padding: 6px 30px;
  background-color: #005696;
  margin: 0;
  width: auto;
}
.yg_ln_about_rev_sidebar_list ul {
  margin: 20px 0;
  padding: 0px 30px;
  width: 100%;
}
.yg_ln_about_rev_sidebar_list ul li {
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  padding: 7px 0px 10px 0px;
  position: relative;
  /*&::before
  {
  	font-family: 'FontAwesome';
  	content: "\f178";
  	display: inline-block;
  	font-size: 18px; //14px
  	line-height: .9em;
  	//margin-right: 10px;
  	color: rgba(50,50,50, 0.5);
  	position: absolute;
  	right: 12%; //12%
  	//top: 27%;
  	padding-top: 10px;
  }*/
}
.yg_ln_about_rev_sidebar_list ul li span {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #706f6f;
  font-weight: 500;
}
.yg_ln_about_rev_sidebar_list ul li a {
  display: block;
  color: #005696;
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  padding-right: 22px;
  width: 83%;
}
.yg_ln_about_rev_sidebar_list ul li a:hover {
  opacity: 0.7;
}
.yg_ln_about_rev_sidebar_list ul li:last-child {
  border-bottom: 0px solid rgba(255, 255, 255, 0.9);
}
.yg_ln_about_rev_video {
  height: auto;
  padding-bottom: 2%;
  padding-top: 20px;
  position: relative;
  overflow: hidden;
}
.yg_ln_about_rev_video img {
  max-width: 100%;
  display: block;
  height: 270px;
}
.yg_ln_about_rev_video iframe, .yg_ln_about_rev_video embed, .yg_ln_about_rev_video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.yg_ln_about_rev_image {
  float: right;
  overflow: hidden;
}
.yg_ln_about_rev_image img {
  width: auto;
  max-width: 100%;
  display: block;
  height: 270px;
}
@media only screen and (max-width: 480px) {
  .yg_ln_about_rev::before {
    display: none;
  }
  .yg_ln_about_rev_text {
    margin-right: 0 !important;
    padding: 0 0 5% 0 !important;
  }
  .yg_ln_about_rev_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_about_rev_text h4 {
    font-size: 21px;
    line-height: 26px;
    text-align: center;
  }
  .yg_ln_about_rev_text p {
    font-size: 16px;
    font-weight: 400;
  }
  .yg_ln_about_rev_video {
    padding-bottom: 6%;
    float: none;
  }
  .yg_ln_about_rev_video img {
    height: auto;
  }
  .yg_ln_about_rev_image {
    float: none;
  }
  .yg_ln_about_rev_image img {
    width: 100%;
    height: auto !important;
  }
  .yg_ln_about_rev_sidebar {
    float: none !important;
    width: auto !important;
    margin-bottom: 25px;
  }
  .yg_ln_about_rev_sidebar_list {
    background-color: #e6eef5;
    padding: 20px 0;
    margin-bottom: 20px;
  }
  .yg_ln_about_rev_sidebar_list h4 {
    background-color: #e6eef5;
    color: #005696;
    font-size: 21px;
    padding: 6px 14px;
  }
  .yg_ln_about_rev_sidebar_list ul {
    width: auto;
    padding: 0px 14px;
  }
  .yg_ln_about_rev_sidebar_list ul li span {
    font-size: 13px;
  }
  .yg_ln_about_rev_sidebar_list ul li a {
    font-size: 15px;
    line-height: 19px;
    width: auto;
  }
  .yg_ln_about_rev_sidebar_list ul li:before {
    right: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_about_rev::before {
    display: none;
  }
  .yg_ln_about_rev_text {
    margin-right: 0 !important;
    padding: 0 0 5% 0 !important;
  }
  .yg_ln_about_rev_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_about_rev_text h4 {
    font-size: 21px;
    line-height: 26px;
    text-align: center;
  }
  .yg_ln_about_rev_text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
  }
  .yg_ln_about_rev_video {
    padding-bottom: 6%;
    float: none;
    text-align: center;
  }
  .yg_ln_about_rev_video img {
    height: auto;
    display: inline-block;
  }
  .yg_ln_about_rev_image {
    float: none;
    text-align: center;
  }
  .yg_ln_about_rev_image img {
    width: auto;
    max-width: 100%;
    display: inline-block;
    height: 270px;
  }
  .yg_ln_about_rev_sidebar {
    float: none !important;
    width: auto !important;
    margin-bottom: 25px;
  }
  .yg_ln_about_rev_sidebar_list {
    background-color: #e6eef5;
    padding: 20px 0;
    margin-bottom: 20px;
  }
  .yg_ln_about_rev_sidebar_list h4 {
    background-color: #e6eef5;
    color: #005696;
    font-size: 21px;
    padding: 6px 14px;
  }
  .yg_ln_about_rev_sidebar_list ul {
    width: auto;
    padding: 0px 14px;
  }
  .yg_ln_about_rev_sidebar_list ul li span {
    font-size: 13px;
  }
  .yg_ln_about_rev_sidebar_list ul li a {
    font-size: 15px;
    line-height: 19px;
    width: auto;
  }
  .yg_ln_about_rev_sidebar_list ul li:before {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_about_rev_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_about_rev_text h4 {
    font-size: 21px;
    line-height: 26px;
  }
  .yg_ln_about_rev_text p {
    font-size: 16px;
    font-weight: 400;
  }
  .yg_ln_about_rev_sidebar {
    width: 35%;
  }
  .yg_ln_about_rev_sidebar_list h4 {
    font-size: 21px;
  }
  .yg_ln_about_rev_sidebar_list ul li::before {
    right: 14%;
  }
  .yg_ln_about_rev_sidebar_list ul li span {
    font-size: 13px;
    line-height: 18px;
  }
  .yg_ln_about_rev_sidebar_list ul li a {
    width: 75%;
    font-size: 16px;
    line-height: 20px;
  }
  .yg_ln_about_rev_video {
    padding-bottom: 6%;
    float: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_about_rev_sidebar {
    width: 35%;
  }
}

.yg_ln_pollutiontypes {
  margin: 0;
  padding: 0;
}
.yg_ln_pollutiontypes_wrap {
  margin: 0 auto;
  max-width: 1240px;
  padding: 4.8611% 0;
  overflow: hidden;
  border: 0px solid #ccc;
}
.yg_ln_pollutiontypes_wrap h4 {
  margin: 0;
  font-weight: 900;
  color: #005696;
}
.yg_ln_pollutiontypes_wrap p {
  font-size: 17px;
  line-height: 22px;
}
.yg_ln_pollutiontypes_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.yg_ln_pollutiontypes_box_item {
  width: 19.3%;
  overflow: hidden;
  min-height: 300px;
  margin: 0 14px 25px 0;
  position: relative;
}
.yg_ln_pollutiontypes_box_item_image {
  min-height: 300px;
  max-height: 300px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.yg_ln_pollutiontypes_box_item_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.yg_ln_pollutiontypes_box_item_image:hover {
  opacity: 0.6;
}
.yg_ln_pollutiontypes_box_item:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .yg_ln_pollutiontypes_wrap h4 {
    font-size: 21px;
    line-height: 26px;
    text-align: center;
  }
  .yg_ln_pollutiontypes_wrap p {
    font-size: 16px;
    font-weight: 400;
  }
  .yg_ln_pollutiontypes_box {
    display: block;
  }
  .yg_ln_pollutiontypes_box_item {
    width: auto;
    margin: 0 0 25px 0;
    min-height: 260px;
  }
  .yg_ln_pollutiontypes_box_item_image {
    max-height: 260px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_pollutiontypes_wrap h4 {
    font-size: 21px;
    line-height: 26px;
    text-align: center;
  }
  .yg_ln_pollutiontypes_wrap p {
    font-size: 16px;
    font-weight: 400;
  }
  .yg_ln_pollutiontypes_box {
    flex-wrap: wrap;
  }
  .yg_ln_pollutiontypes_box_item {
    width: 48%;
    min-height: 300px;
  }
  .yg_ln_pollutiontypes_box_item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_pollutiontypes_wrap h4 {
    font-size: 21px;
    line-height: 26px;
  }
  .yg_ln_pollutiontypes_wrap p {
    font-size: 16px;
    font-weight: 400;
  }
  .yg_ln_pollutiontypes_box {
    flex-wrap: wrap;
  }
  .yg_ln_pollutiontypes_box_item {
    width: 31%;
    min-height: 300px;
  }
  .yg_ln_pollutiontypes_box_item:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .yg_ln_pollutiontypes_box_item {
    width: 32.2%;
  }
}

.yg_ln_initiatives {
  margin: 0;
  padding: 0;
  position: relative;
}
.yg_ln_initiatives_wrap {
  margin: 0 auto;
  max-width: 1240px;
  padding: 2.8611% 0;
  overflow: hidden;
  position: relative;
}
.yg_ln_initiatives_text {
  overflow: hidden;
  margin: 0 2.4193% 0 0;
  padding: 0 7.6129% 0 0;
}
.yg_ln_initiatives_text a {
  color: #0084b4;
}
.yg_ln_initiatives_text a:hover {
  color: #0084b4;
}
.yg_ln_initiatives_text h3 {
  margin-top: 0;
}
.yg_ln_initiatives_text h4 {
  margin: 0;
  font-weight: 900;
  color: #005696;
}
.yg_ln_initiatives_text_list {
  margin: 0;
  padding: 0;
}
.yg_ln_initiatives_text_list ul {
  margin: 20px 0;
  padding: 0;
  width: 100%;
}
.yg_ln_initiatives_text_list ul li {
  list-style: none;
  border-bottom: 1px solid rgb(243, 243, 243);
  padding: 7px 0px 10px 0px;
  position: relative;
  /*&::before
  {
  	font-family: 'FontAwesome';
  	content: "\f178";
  	display: inline-block;
  	font-size: 18px; //14px
  	line-height: .9em;
  	//margin-right: 10px;
  	color: rgba(50,50,50, 0.5);
  	position: absolute;
  	right: 0; //0
  	//top: 27%;
  	padding-top: 10px;
  }*/
}
.yg_ln_initiatives_text_list ul li span {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #706f6f;
  font-weight: 500;
}
.yg_ln_initiatives_text_list ul li a {
  display: block;
  color: #005696;
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  padding-right: 22px;
  width: 85%;
}
.yg_ln_initiatives_text_list ul li a:hover {
  opacity: 0.7;
}
.yg_ln_initiatives_sidebar {
  float: right;
  width: 55.5%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.yg_ln_initiatives_sidebar_image {
  min-height: 340px;
  max-height: 340px;
  overflow: hidden;
}
.yg_ln_initiatives_sidebar_image img {
  max-width: 100%;
  display: block;
  height: 270px;
}
@media only screen and (max-width: 480px) {
  .yg_ln_initiatives_text {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
    padding: 0 0 5% 0 !important;
  }
  .yg_ln_initiatives_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_initiatives_text p {
    font-size: 16px;
  }
  .yg_ln_initiatives_text_list ul li a {
    font-size: 15px;
    line-height: 19px;
  }
  .yg_ln_initiatives_sidebar {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .yg_ln_initiatives_text {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
    padding: 0 0 5% 0 !important;
  }
  .yg_ln_initiatives_text h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .yg_ln_initiatives_text h4 {
    font-size: 21px;
    line-height: 26px;
  }
  .yg_ln_initiatives_text p {
    font-size: 16px;
  }
  .yg_ln_initiatives_sidebar {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yg_ln_initiatives_video {
    padding-bottom: 6%;
    float: none;
  }
  .yg_ln_initiatives_text h4 {
    font-size: 21px;
    line-height: 26px;
  }
  .yg_ln_initiatives_text_list ul li a {
    width: 75%;
    font-size: 16px;
    line-height: 20px;
  }
  .yg_ln_initiatives_sidebar {
    width: 53.5%;
  }
}

/* Homepage Styles */
.geo_row {
  position: relative;
}

.geo_ln_banner {
  margin: 0;
  padding: 0;
  position: relative;
  height: 600px;
}
.geo_ln_banner_wrap {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  min-height: 395px;
}
.geo_ln_banner_wrap_one {
  width: 100%;
  background-color: #0f84b0;
  height: 50%;
}
.geo_ln_banner_wrap_two {
  width: 100%;
  height: 50%;
}
.geo_ln_banner_text {
  position: absolute;
  width: 95%;
  max-width: 1440px;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate(0%, -40%);
  -ms-transform: translate(0%, -40%);
  /* IE 9 */
  -webkit-transform: translate(0%, -40%);
  color: #fff;
  padding: 1.6129% 0;
  z-index: 2;
}
.geo_ln_banner_text h1 {
  margin-top: 0;
  text-align: left;
  color: #ffffff;
  font-weight: 700 !important;
  text-transform: none !important;
}
.geo_ln_banner_cubes {
  min-height: 540px;
}
.geo_ln_banner_cubes_wrap {
  position: absolute;
  top: 0;
  bottom: 0%;
  margin: auto 0;
  left: 0;
  transform: translate(0%, 17.4%);
  -ms-transform: translate(0%, 17.4%);
  /* IE 9 */
  -webkit-transform: translate(0%, 17.4%);
  z-index: 10;
  width: 100%;
}
.geo_ln_banner_cubes_container {
  margin: 0 auto;
  width: 95%;
  max-width: 1440px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  justify-content: flex-start;
}
.geo_ln_banner_cubes_item {
  min-height: 468px;
  max-height: 468px;
  overflow: hidden;
  background-position: 50% center, 50% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.geo_ln_banner_cubes_item:nth-child(1), .geo_ln_banner_cubes_item:nth-child(2) {
  width: 33%;
}
.geo_ln_banner_cubes_item:nth-child(1)::before, .geo_ln_banner_cubes_item:nth-child(2)::before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.geo_ln_banner_cubes_item:nth-child(3), .geo_ln_banner_cubes_item:nth-child(4) {
  width: 17%;
}
.geo_ln_banner_cubes_item:nth-child(3)::before, .geo_ln_banner_cubes_item:nth-child(4)::before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.geo_ln_banner_cubes_item:nth-child(4) {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  justify-content: flex-start;
}
.geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_top, .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_bottom {
  width: 100%;
  height: 50%;
  background-position: 50% center, 50% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_top::before, .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_bottom::before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.geo_ln_banner_cubes_item:nth-child(4) a.read::after {
  opacity: 0;
  display: none !important;
}
.geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_text {
  width: 100%;
}
.geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_text_bottomlevel {
  bottom: 10% !important;
  width: 83%;
}
.geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_text_bottomlevel h3 {
  font-weight: 400;
  color: #fff;
  font-size: 20px;
  line-height: 22px;
}
.geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_text_bottomlevel h3 a {
  color: #fff;
}
.geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_text_bottomlevel h3 a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.geo_ln_banner_cubes_item_text {
  padding: 8.9%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-content: flex-start;
  height: 100%;
}
.geo_ln_banner_cubes_item_text h2 {
  font-weight: 400;
  color: #fff;
  font-size: 36px;
  line-height: 42px;
}
.geo_ln_banner_cubes_item_text h2 a {
  color: #fff;
}
.geo_ln_banner_cubes_item_text h2 a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.geo_ln_banner_cubes_item_text_toplevel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.geo_ln_banner_cubes_item_text_toplevel .type {
  padding: 5px 18px;
  background-color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
.geo_ln_banner_cubes_item_text_toplevel .seeall {
  padding: 5px 18px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
.geo_ln_banner_cubes_item_text_toplevel .seeall a {
  color: #fff;
}
.geo_ln_banner_cubes_item_text_toplevel .seeall a:hover {
  opacity: 0.6;
}
.geo_ln_banner_cubes_item_text_bottomlevel {
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
.geo_ln_banner_cubes_item_text_bottomlevel h2 {
  font-weight: 400;
  color: #fff;
  font-size: 36px;
  line-height: 38px;
}
.geo_ln_banner_cubes_item_text_bottomlevel h2 a {
  color: #fff;
}
.geo_ln_banner_cubes_item_text_bottomlevel h2 a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.geo_ln_banner_cubes_item_readmore_wrap {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
}
.geo_ln_banner_cubes_item_readmore_icon {
  border: 1px solid #fff;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  border-radius: 60%;
  width: 135px;
  height: 135px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.geo_ln_banner_cubes_item_readmore_icon:hover, .geo_ln_banner_cubes_item_readmore_icon:focus {
  background-color: rgba(0, 0, 0, 0.5);
  color: #00aeef;
  cursor: pointer;
}
.geo_ln_banner_cubes_item_readmore_icon:hover .geo_ln_banner_cubes_item_readmore_icon a, .geo_ln_banner_cubes_item_readmore_icon:focus .geo_ln_banner_cubes_item_readmore_icon a {
  color: #00aeef !important;
}
.geo_ln_banner_cubes_item_readmore_icon:hover .geo_ln_banner_cubes_item_readmore_icon a:hover, .geo_ln_banner_cubes_item_readmore_icon:focus .geo_ln_banner_cubes_item_readmore_icon a:hover {
  color: #00aeef !important;
}
.geo_ln_banner_cubes_item_readmore_icon a {
  color: #fff;
}
.geo_ln_banner_cubes_item_readmore_icon a:hover {
  color: #00aeef;
}
.geo_ln_banner_cubes_events {
  padding: 26px 30px;
  background-color: #00aeef;
  margin: 0 auto;
  width: 95%;
  max-width: 1440px;
}
.geo_ln_banner_cubes_events_body {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.geo_ln_banner_cubes_events_body_left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  position: relative;
}
.geo_ln_banner_cubes_events_body_left h4 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
  padding: 0 50px 0 44px;
  margin: 0;
}
.geo_ln_banner_cubes_events_body_left h4::before {
  content: "";
  background: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  margin: 2px 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  z-index: 1;
}
.geo_ln_banner_cubes_events_body_left_text {
  font-size: 20px;
  line-height: 23px;
  font-weight: 400px;
  color: #fff;
}
.geo_ln_banner_cubes_events_body_left_text a {
  color: #fff;
}
.geo_ln_banner_cubes_events_body_left_text a:hover {
  opacity: 0.6;
}
.geo_ln_banner_cubes_events_body_right {
  width: 28%;
  position: relative;
}
.geo_ln_banner_cubes_events_body_right_text {
  font-size: 20px;
  line-height: 23px;
  font-weight: 400px;
  color: #fff;
}
.geo_ln_banner_cubes_events_body_right_text a {
  color: #fff;
}
.geo_ln_banner_cubes_events_body_right_text a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 480px) {
  .geo_ln_banner {
    min-height: 1200px;
  }
  .geo_ln_banner_text {
    top: 4%;
    transform: translate(0%, 59%);
    -ms-transform: translate(0%, 59%);
    /* IE 9 */
    -webkit-transform: translate(0%, 59%);
  }
  .geo_ln_banner_text h1 {
    font-size: 42px;
    line-height: 42px;
  }
  .geo_ln_banner_cubes_wrap {
    transform: translate(0%, 20.4%);
    -ms-transform: translate(0%, 20.4%);
    /* IE 9 */
    -webkit-transform: translate(0%, 20.4%);
  }
  .geo_ln_banner_cubes_container {
    display: block;
  }
  .geo_ln_banner_cubes_item:nth-child(1), .geo_ln_banner_cubes_item:nth-child(2), .geo_ln_banner_cubes_item:nth-child(3), .geo_ln_banner_cubes_item:nth-child(4) {
    width: auto;
    margin-bottom: 12px !important;
    max-height: 220px !important;
    min-height: 220px !important;
  }
  .geo_ln_banner_cubes_item:nth-child(4) {
    margin-bottom: 0 !important;
  }
  .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_top, .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_bottom {
    height: auto;
  }
  .geo_ln_banner_cubes_item_text {
    padding: 5.9%;
    width: 100%;
  }
  .geo_ln_banner_cubes_item_text_toplevel {
    width: 100%;
  }
  .geo_ln_banner_cubes_item_text_toplevel .type, .geo_ln_banner_cubes_item_text_toplevel.seeall {
    font-size: 12px;
    line-height: 15px;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel {
    bottom: 8%;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel h2 {
    font-size: 21px;
    line-height: 27px;
    margin: 0;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel h3 {
    font-size: 19px;
    line-height: 23px;
  }
  .geo_ln_banner_cubes_item_readmore_wrap {
    top: 19%;
  }
  .geo_ln_banner_cubes_events {
    padding: 21px 20px;
  }
  .geo_ln_banner_cubes_events_body {
    display: block;
  }
  .geo_ln_banner_cubes_events_body_left {
    display: block;
    width: 100%;
  }
  .geo_ln_banner_cubes_events_body_left h4 {
    font-size: 18px;
    line-height: 22px;
    padding: 0 0 0 29px;
  }
  .geo_ln_banner_cubes_events_body_left h4::before {
    width: 19px;
    height: 19px;
  }
  .geo_ln_banner_cubes_events_body_left_text {
    font-size: 17px;
    line-height: 19px;
    margin: 20px 0 10px 0;
  }
  .geo_ln_banner_cubes_events_body_right {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .geo_ln_banner_cubes_events_body_right_text {
    font-size: 15px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_ln_banner {
    min-height: 1290px;
  }
  .geo_ln_banner_text {
    top: 8%;
    transform: translate(0%, 22%);
    -ms-transform: translate(0%, 22%);
    /* IE 9 */
    -webkit-transform: translate(0%, 22%);
  }
  .geo_ln_banner_text h1 {
    font-size: 46px;
    line-height: 48px;
  }
  .geo_ln_banner_cubes_wrap {
    transform: translate(0%, 20.4%);
    -ms-transform: translate(0%, 20.4%);
    /* IE 9 */
    -webkit-transform: translate(0%, 20.4%);
  }
  .geo_ln_banner_cubes_container {
    display: block;
  }
  .geo_ln_banner_cubes_item:nth-child(1), .geo_ln_banner_cubes_item:nth-child(2), .geo_ln_banner_cubes_item:nth-child(3), .geo_ln_banner_cubes_item:nth-child(4) {
    width: auto;
    margin-bottom: 12px !important;
    max-height: 220px !important;
    min-height: 220px !important;
  }
  .geo_ln_banner_cubes_item:nth-child(4) {
    margin-bottom: 0 !important;
  }
  .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_top, .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_bottom {
    height: auto;
  }
  .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_text_bottomlevel h3 {
    font-size: 21px;
    line-height: 24px;
  }
  .geo_ln_banner_cubes_item_text {
    padding: 5.9%;
    width: 97%;
  }
  .geo_ln_banner_cubes_item_text_toplevel {
    width: 100%;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel {
    bottom: 8%;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel h2 {
    font-size: 27px;
    line-height: 30px;
    margin: 0;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel h3 {
    font-size: 21px;
    line-height: 24px;
  }
  .geo_ln_banner_cubes_item_readmore_wrap {
    top: 19%;
  }
  .geo_ln_banner_cubes_events {
    padding: 21px 20px;
  }
  .geo_ln_banner_cubes_events_body {
    display: block;
  }
  .geo_ln_banner_cubes_events_body_left {
    display: block;
    width: 100%;
  }
  .geo_ln_banner_cubes_events_body_left h4 {
    font-size: 20px;
    line-height: 23px;
    padding: 0 0 0 29px;
  }
  .geo_ln_banner_cubes_events_body_left h4::before {
    width: 21px;
    height: 21px;
    margin: 0;
  }
  .geo_ln_banner_cubes_events_body_left_text {
    font-size: 18px;
    line-height: 21px;
    margin: 20px 0 10px 0;
  }
  .geo_ln_banner_cubes_events_body_right {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .geo_ln_banner_cubes_events_body_right_text {
    font-size: 16px;
    line-height: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_ln_banner {
    min-height: 748px;
  }
  .geo_ln_banner_text {
    top: 0%;
    transform: translate(0%, 88%);
    -ms-transform: translate(0%, 88%);
    /* IE 9 */
    -webkit-transform: translate(0%, 88%);
  }
  .geo_ln_banner_text h1 {
    font-size: 53px;
    line-height: 54px;
  }
  .geo_ln_banner_cubes_wrap {
    transform: translate(0%, 25.4%);
    -ms-transform: translate(0%, 25.4%);
    /* IE 9 */
    -webkit-transform: translate(0%, 25.4%);
  }
  .geo_ln_banner_cubes_item {
    max-height: 374px !important;
    min-height: 374px !important;
  }
  .geo_ln_banner_cubes_item:nth-child(1), .geo_ln_banner_cubes_item:nth-child(2) {
    width: 36.5%;
  }
  .geo_ln_banner_cubes_item:nth-child(3) {
    width: 27%;
  }
  .geo_ln_banner_cubes_item:nth-child(4) {
    width: 100%;
    flex-direction: row !important;
    max-height: 170px !important;
    min-height: 170px !important;
  }
  .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_top, .geo_ln_banner_cubes_item:nth-child(4) .geo_ln_banner_cubes_item_bottom {
    width: 50%;
    height: 100%;
  }
  .geo_ln_banner_cubes_item_text {
    padding: 5.9%;
    width: 97%;
  }
  .geo_ln_banner_cubes_item_text_toplevel {
    width: 100%;
  }
  .geo_ln_banner_cubes_item_text_toplevel .type {
    padding: 5px 8px;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel {
    bottom: 8%;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel h2 {
    font-size: 27px;
    line-height: 30px;
    margin: 0;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel h3 {
    font-size: 21px;
    line-height: 24px;
  }
  .geo_ln_banner_cubes_events {
    padding: 19px 20px;
  }
  .geo_ln_banner_cubes_events_body_left h4 {
    font-size: 22px;
    line-height: 25px;
    padding: 0 32px 0 40px;
  }
  .geo_ln_banner_cubes_events_body_left h4::before {
    width: 22px;
    height: 22px;
  }
  .geo_ln_banner_cubes_events_body_left_text {
    font-size: 18px;
    line-height: 21px;
  }
  .geo_ln_banner_cubes_events_body_right_text {
    font-size: 15px;
    line-height: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .geo_ln_banner_cubes_item_text_bottomlevel {
    bottom: 7%;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel h2 {
    font-size: 30px;
    line-height: 33px;
    margin: 0;
  }
  .geo_ln_banner_cubes_item_text_bottomlevel h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .geo_ln_banner_cubes_events_body_left h4 {
    padding: 0 20px 0 44px;
  }
}

.geo_ln_body {
  margin: 0 auto;
  width: 95%;
  max-width: 1440px;
  overflow: hidden;
  color: #000000;
  padding: 100px 0 29px 0;
  z-index: 89;
  position: relative;
}
.geo_ln_body h2 {
  font-weight: 400;
  color: #00aeef;
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
}
.geo_ln_body p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
  color: #000000;
}
.geo_ln_body a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ln_body a:hover {
  opacity: 0.6;
}
.geo_ln_body ul {
  margin: 20px 10px;
  padding: 0;
}
.geo_ln_body ul li {
  color: #000000;
  list-style: inside disc;
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.geo_ln_body ul li a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ln_body ul li a:hover {
  opacity: 0.6;
}
.geo_ln_body .body-headers {
  margin: 20px 0 40px 0;
  padding: 0;
}
.geo_ln_body .body-headers ul {
  margin: 0;
  padding: 0;
}
.geo_ln_body .body-headers ul li {
  list-style-type: none;
  display: inline-block;
  font-size: 24px;
  color: #000000;
}
.geo_ln_body .body-headers ul li a {
  color: #000000;
  display: block;
  margin-right: 1em;
  font-weight: 300;
  font-size: 24px;
}
.geo_ln_body .body-headers ul li a:hover {
  color: #00aeef;
  border-bottom: 5px solid #00aeef;
}
.geo_ln_body .body-headers ul li a.is-active {
  color: #00aeef;
  font-weight: 700;
  border-bottom: 5px solid #00aeef;
}
@media only screen and (max-width: 480px) {
  .geo_ln_body {
    padding: 138px 0 29px 0;
  }
  .geo_ln_body h2 {
    font-size: 25px;
    line-height: 31px;
    margin: 0;
  }
  .geo_ln_body p {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ln_body ul li {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ln_body .body-headers {
    margin: 20px 0 33px 0;
  }
  .geo_ln_body .body-headers ul li a {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_ln_body {
    padding: 48px 0 29px 0;
  }
  .geo_ln_body h2 {
    font-size: 27px;
    line-height: 30px;
    margin: 0 0 10px 0;
  }
  .geo_ln_body p {
    font-size: 20px;
    line-height: 24px;
  }
  .geo_ln_body ul li {
    font-size: 20px;
    line-height: 24px;
  }
  .geo_ln_body .body-headers {
    margin: 20px 0 33px 0;
  }
  .geo_ln_body .body-headers ul li a {
    font-size: 20px;
    line-height: 25px;
    margin: 0 10px 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_ln_body {
    padding: 100px 0 29px 0;
  }
  .geo_ln_body h2 {
    margin: 0 0 15px 0;
  }
  .geo_ln_body p {
    font-size: 20px;
    line-height: 24px;
  }
  .geo_ln_body ul li {
    font-size: 20px;
    line-height: 24px;
  }
  .geo_ln_body .body-headers ul li a {
    font-size: 20px;
    line-height: 25px;
  }
}

.geo_h_banner {
  background-position: 50% center, 50% center;
  background-size: cover;
  background-repeat: no-repeat !important;
  position: relative;
  height: 640px;
}
.geo_h_banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 37, 51, 0.6) 0%, rgba(0, 37, 51, 0.6) 100%), lightgray -0.235px -335px/100.024% 167.759% no-repeat;
  pointer-events: none;
  opacity: 0.1;
}
.geo_h_banner_section {
  width: 95%;
  max-width: 1440px;
  margin: auto;
  position: relative;
}
.geo_h_banner_text {
  position: absolute;
  width: 100%;
  top: 15%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate(0%, -45%);
  -ms-transform: translate(0%, -45%);
  /* IE 9 */
  -webkit-transform: translate(0%, -45%);
  color: #fff;
  padding: 1.6129% 0;
  z-index: 2;
  margin-top: 30px;
  margin-bottom: 35px;
}
.geo_h_banner_text h1 {
  margin-top: 0;
  text-align: left;
  color: #ffffff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 65px;
  line-height: 80px;
  letter-spacing: -0.04em;
  width: 50%;
  text-transform: uppercase;
  position: relative;
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .geo_h_banner_text h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 75px;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .geo_h_banner_text h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 85px;
  }
}
.geo_h_banner_cubes {
  min-height: 726px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .geo_h_banner_cubes {
    min-height: 600px;
  }
}
.geo_h_banner_cubes_row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translate(0%, 38%);
  -ms-transform: translate(0%, 38%);
  /* IE 9 */
  -webkit-transform: translate(0%, 38%);
  z-index: 3;
  min-height: 738.5px;
}
.geo_h_banner_cubes_row_one {
  width: 50%;
  height: 100%;
}
.geo_h_banner_cubes_row_two {
  width: 50%;
  height: 100%;
  background-position: 50% center, 50% center !important;
  background-size: cover;
  background-repeat: no-repeat !important;
}
.geo_h_banner_cubes_wrap {
  position: absolute;
  top: 0;
  bottom: 0%;
  margin: auto 0;
  left: 0;
  transform: translate(0%, 38.4%);
  -ms-transform: translate(0%, 38.4%);
  /* IE 9 */
  -webkit-transform: translate(0%, 38.4%);
  z-index: 10;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .geo_h_banner_cubes_wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.geo_h_banner_cubes_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .geo_h_banner_cubes_container {
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    /* IE 9 */
    -webkit-transform: translate(0%, 0%);
  }
}
.geo_h_banner_cubes .report_mobile {
  display: none;
}
.geo_h_banner_cubes_item {
  width: 33.3%;
  max-width: 470px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}
.geo_h_banner_cubes_item:nth-child(5) {
  background-color: #002533 !important;
}
.geo_h_banner_cubes_item:nth-child(5) .geo_h_banner_cubes_item_image {
  display: none !important;
}
.geo_h_banner_cubes_item:nth-child(3) {
  background: rgba(0, 0, 0, 0.6) !important;
}
.geo_h_banner_cubes_item:nth-child(3) .geo_h_banner_cubes_item_image {
  display: none !important;
}
.geo_h_banner_cubes_item a.read::after {
  opacity: 0;
  display: none !important;
}
.geo_h_banner_cubes_item_image {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.geo_h_banner_cubes_item_image::before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.geo_h_banner_cubes_item_image img {
  display: block;
  width: 100%;
  height: 363px;
  object-fit: cover;
  max-height: 100%;
}
.geo_h_banner_cubes_item_reportimage {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.geo_h_banner_cubes_item_reportimage img {
  display: block;
  width: 100%;
  height: 264px;
  object-fit: cover;
  max-height: 100%;
}
.geo_h_banner_cubes_item_text {
  padding: 8.9%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-content: flex-start;
  height: 100%;
}
.geo_h_banner_cubes_item_text h2 {
  font-weight: 400;
  color: #fff;
  font-size: 36px;
  line-height: 42px;
}
.geo_h_banner_cubes_item_text h2 a {
  color: #fff;
}
.geo_h_banner_cubes_item_text h2 a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.geo_h_banner_cubes_item_text_toplevel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.geo_h_banner_cubes_item_text_toplevel .type {
  padding: 5px 18px;
  background-color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
.geo_h_banner_cubes_item_text_toplevel .seeall {
  padding: 5px 18px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
.geo_h_banner_cubes_item_text_toplevel .seeall a {
  color: #fff;
}
.geo_h_banner_cubes_item_text_toplevel .seeall a:hover {
  opacity: 0.6;
}
.geo_h_banner_cubes_item_text_midlevel {
  overflow: hidden;
  margin-top: 50px;
}
.geo_h_banner_cubes_item_text_midlevel .date {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 8px;
}
.geo_h_banner_cubes_item_text_midlevel .title {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
}
.geo_h_banner_cubes_item_text_midlevel .title a {
  color: #fff;
}
.geo_h_banner_cubes_item_text_midlevel .title a:hover {
  opacity: 0.6;
}
.geo_h_banner_cubes_item_text_readmore {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  padding: 8.9%;
}
.geo_h_banner_cubes_item_text_readmore a {
  color: #fff;
  margin: 0;
  padding: 0 10px 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  position: relative;
}
.geo_h_banner_cubes_item_text_readmore a:hover {
  opacity: 0.6;
}
.geo_h_banner_cubes_item_text_readmore a::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -26px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/images/readmore.svg") no-repeat !important;
  width: 25px;
  height: 25px;
  opacity: 1 !important;
}
.geo_h_banner_cubes_item_reporttext {
  padding: 42px;
  background-color: #00aeef;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-items: baseline;
}
.geo_h_banner_cubes_item_reporttext_title {
  width: auto;
  color: #fff;
  font-size: 24px;
  line-height: 29px;
}
.geo_h_banner_cubes_item_reporttext_readmore {
  width: 33%;
  text-align: right;
}
.geo_h_banner_cubes_item_reporttext_readmore a {
  color: #fff;
  margin: 0;
  padding: 0 10px 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  position: relative;
}
.geo_h_banner_cubes_item_reporttext_readmore a:hover {
  opacity: 0.6;
}
.geo_h_banner_cubes_item_reporttext_readmore a::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -26px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/images/readmore.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.geo_h_banner_cubes_item:nth-child(1) .geo_h_banner_cubes_item_readmore {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  padding: 8.9% 12.9%;
}
.geo_h_banner_cubes_item:nth-child(1) .geo_h_banner_cubes_item_readmore a {
  color: #fff;
  margin: 0;
  padding: 0 10px 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  position: relative;
}
.geo_h_banner_cubes_item:nth-child(1) .geo_h_banner_cubes_item_readmore a:hover {
  opacity: 0.6;
}
.geo_h_banner_cubes_item:nth-child(1) .geo_h_banner_cubes_item_readmore a::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -26px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/images/readmore.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.geo_h_banner_cubes .cubefive {
  background-color: #002533;
}
.geo_h_banner_cubes .cube_slide {
  position: relative;
  display: block;
  min-height: 363px;
}
.geo_h_banner_cubes button.slick-arrow {
  position: absolute;
  z-index: 10;
  bottom: 0;
  width: 18px;
  height: 18px;
  top: 12%;
}
.geo_h_banner_cubes button.slick-arrow::before {
  font-size: 30px;
}
.geo_h_banner_cubes button.slick-arrow:hover, .geo_h_banner_cubes button.slick-arrow:focus {
  opacity: 0.6;
}
.geo_h_banner_cubes button.slick-prev {
  left: 76%;
}
.geo_h_banner_cubes button.slick-prev::before {
  content: "<";
  opacity: 1;
  font-weight: 900;
}
.geo_h_banner_cubes button.slick-next {
  right: 9%;
}
.geo_h_banner_cubes button.slick-next::before {
  content: ">";
  opacity: 1;
  font-weight: 900;
}
.geo_h_banner_cubes .slick-prev:hover::before, .geo_h_banner_cubes .slick-prev:focus::before, .geo_h_banner_cubes .slick-next:hover::before, .geo_h_banner_cubes .slick-next:focus::before {
  opacity: 1;
  font-weight: 900;
}
.geo_h_banner_boxes {
  min-height: 726px;
  position: relative;
}
.geo_h_banner_boxes_row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translate(0%, 38%);
  -ms-transform: translate(0%, 38%);
  /* IE 9 */
  -webkit-transform: translate(0%, 38%);
  z-index: 3;
  min-height: 738.5px;
}
.geo_h_banner_boxes_row_one {
  width: 50%;
  height: 100%;
}
.geo_h_banner_boxes_row_two {
  width: 50%;
  height: 100%;
  background-position: 50% center, 50% center !important;
  background-size: cover;
  background-repeat: no-repeat !important;
}
.geo_h_banner_boxes_wrap {
  position: absolute;
  top: 0;
  bottom: 0%;
  margin: auto 0;
  left: 0;
  transform: translate(0%, 38.4%);
  -ms-transform: translate(0%, 38.4%);
  /* IE 9 */
  -webkit-transform: translate(0%, 38.4%);
  z-index: 10;
  width: 100%;
}
.geo_h_banner_boxes_container {
  margin: 0 auto;
  width: 95%;
  max-width: 1440px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  justify-content: flex-start;
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .geo_h_banner_boxes_container {
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    /* IE 9 */
    -webkit-transform: translate(0%, 0%);
  }
}
@media only screen and (max-width: 480px) {
  .geo_h_banner {
    height: 400px;
    margin-bottom: 1020px;
  }
  .geo_h_banner_text {
    top: 10%;
    transform: translate(0%, -9%);
    -ms-transform: translate(0%, -9%);
    /* IE 9 */
    -webkit-transform: translate(0%, -9%);
  }
  .geo_h_banner_text h1 {
    font-size: 42px;
    line-height: 42px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.04em;
    width: 100%;
  }
  .geo_h_banner_text_cubes_row {
    display: none;
  }
  .geo_h_banner_text_cubes_wrap {
    transform: translate(0%, 44%);
    -ms-transform: translate(0%, 44%);
    /* IE 9 */
    -webkit-transform: translate(0%, 44%);
  }
  .geo_h_banner_text_cubes_container {
    display: block;
  }
  .geo_h_banner_text_cubes .report_mobile {
    padding: 24px;
    background-color: blue;
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    flex: 0 0 auto;
    align-items: center;
    margin-bottom: 12px;
  }
  .geo_h_banner_text_cubes .report_mobile_image {
    width: 19%;
  }
  .geo_h_banner_text_cubes .report_mobile_image img {
    display: block;
    width: 100%;
    object-fit: cover;
    max-height: 100%;
  }
  .geo_h_banner_text_cubes .report_mobile_text {
    width: 78%;
    color: #fff;
    font-size: 21px;
    line-height: 27px;
  }
  .geo_h_banner_text_cubes .report_mobile_text a {
    color: #fff;
    text-decoration: none;
  }
  .geo_h_banner_text_cubes .report_mobile_text a:hover {
    opacity: 0.6;
  }
  .geo_h_banner_text_cubes_item {
    width: auto;
    margin-bottom: 12px !important;
    max-height: 220px !important;
    min-height: 220px !important;
  }
  .geo_h_banner_text_cubes_item:nth-child(5) {
    background-color: #074bda !important;
  }
  .geo_h_banner_text_cubes_item_text {
    padding: 5.9%;
    width: 100%;
  }
  .geo_h_banner_text_cubes_item_text h2 {
    font-size: 21px;
    line-height: 27px;
    margin: 0;
  }
  .geo_h_banner_text_cubes_item_text_toplevel {
    width: 100%;
    justify-content: space-between !important;
  }
  .geo_h_banner_text_cubes_item_text_toplevel .type, .geo_h_banner_text_cubes_item_text_toplevel.seeall {
    font-size: 12px;
    line-height: 15px;
  }
  .geo_h_banner_text_cubes_item_text_midlevel {
    position: absolute;
    min-width: 365px;
    bottom: 23%;
    margin-top: 0;
    width: 95%;
  }
  .geo_h_banner_text_cubes_item_text_midlevel .date {
    display: none;
  }
  .geo_h_banner_text_cubes_item_text_midlevel .title {
    font-size: 19px;
    line-height: 23px;
  }
  .geo_h_banner_text_cubes_item_text_readmore {
    padding: 5% 5.9%;
    font-size: 16px;
    line-height: 19px;
  }
  .geo_h_banner_text_cubes_item_reporttext {
    display: block;
    padding: 5.9%;
  }
  .geo_h_banner_text_cubes_item_reporttext_title {
    width: auto;
    font-size: 19px;
    line-height: 23px;
  }
  .geo_h_banner_text_cubes_item_reporttext_readmore {
    width: auto;
    text-align: left;
    margin: 20px 0 0 0;
  }
  .geo_h_banner_text_cubes .cubeone {
    display: none !important;
  }
  .geo_h_banner_text_cubes .cubethree {
    background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/images/timeline.jpg") no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 140px;
  }
  .geo_h_banner_text_cubes .cubethree .geo_h_banner_cubes_item_text {
    align-content: center;
  }
  .geo_h_banner_text_cubes .cubefour {
    display: none !important;
  }
  .geo_h_banner_text_cubes .cubefive {
    background-color: #074bda !important;
  }
  .geo_h_banner_text_cubes button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .geo_h_banner {
    margin-bottom: 1090px;
  }
  .geo_h_banner_text {
    transform: translate(0%, 26%);
    -ms-transform: translate(0%, 26%);
    /* IE 9 */
    -webkit-transform: translate(0%, 26%);
    top: 20%;
  }
  .geo_h_banner_text h1 {
    font-size: 42px;
    line-height: 42px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.04em;
    width: 100%;
  }
  .geo_h_banner_cubes_row {
    display: none;
  }
  .geo_h_banner_cubes_wrap {
    transform: translate(0%, 50%);
    -ms-transform: translate(0%, 50%);
    /* IE 9 */
    -webkit-transform: translate(0%, 50%);
  }
  .geo_h_banner_cubes_container {
    display: block;
  }
  .geo_h_banner_cubes .report_mobile {
    padding: 24px;
    background-color: blue;
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    flex: 0 0 auto;
    align-items: center;
    margin-bottom: 12px;
  }
  .geo_h_banner_cubes .report_mobile_image {
    width: 25%;
  }
  .geo_h_banner_cubes .report_mobile_image img {
    display: block;
    width: 100%;
    object-fit: cover;
    max-height: 100%;
  }
  .geo_h_banner_cubes .report_mobile_text {
    width: 72%;
    color: #fff;
    font-size: 27px;
    line-height: 36px;
  }
  .geo_h_banner_cubes .report_mobile_text a {
    color: #fff;
    text-decoration: none;
  }
  .geo_h_banner_cubes .report_mobile_text a:hover {
    opacity: 0.6;
  }
  .geo_h_banner_cubes_item {
    width: auto;
    margin-bottom: 12px !important;
    max-width: none !important;
    min-height: 260px;
    max-height: 260px;
  }
  .geo_h_banner_cubes_item_text {
    padding: 5.9%;
    width: 100%;
  }
  .geo_h_banner_cubes_item_text h2 {
    font-size: 27px;
    line-height: 30px;
    margin: 0;
  }
  .geo_h_banner_cubes_item_text_toplevel {
    width: 100%;
    justify-content: space-between !important;
  }
  .geo_h_banner_cubes_item_text_midlevel {
    width: 88%;
    bottom: 0;
    top: 40%;
    position: absolute;
    min-width: 365px;
    bottom: 8%;
    margin-top: 0;
  }
  .geo_h_banner_cubes_item_text_midlevel .date {
    display: none;
  }
  .geo_h_banner_cubes_item_text_midlevel .title {
    font-size: 21px;
    line-height: 24px;
  }
  .geo_h_banner_cubes_item_text_readmore {
    padding: 5% 5.9%;
  }
  .geo_h_banner_cubes .cubeone {
    display: none !important;
  }
  .geo_h_banner_cubes .cubethree {
    background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/images/timeline.jpg") no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 140px;
  }
  .geo_h_banner_cubes .cubethree .geo_h_banner_cubes_item_text {
    align-content: center;
  }
  .geo_h_banner_cubes .cubefour {
    display: none !important;
  }
  .geo_h_banner_cubes .cubefive {
    background-color: #074bda !important;
  }
  .geo_h_banner_cubes button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_h_banner {
    margin-bottom: 1010px;
  }
  .geo_h_banner_text {
    transform: translate(0%, -18%);
    -ms-transform: translate(0%, -18%);
    /* IE 9 */
    -webkit-transform: translate(0%, -18%);
  }
  .geo_h_banner_text h1 {
    font-size: 53px;
    line-height: 54px;
  }
  .geo_h_banner_cubes_row {
    display: none;
  }
  .geo_h_banner_cubes_item {
    width: 49%;
  }
  .geo_h_banner_cubes_item:nth-child(3) .geo_h_banner_cubes_item_image img {
    display: none !important;
  }
  .geo_h_banner_cubes_item_text h2 {
    font-size: 27px;
    line-height: 30px;
  }
  .geo_h_banner_cubes_item_text_midlevel .title {
    font-size: 21px;
    line-height: 22px;
  }
  .geo_h_banner_cubes .cubethree {
    background-color: #6e4e64;
  }
  .geo_h_banner_cubes .cubethree .geo_h_banner_cubes_item_image::before {
    background: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .geo_h_banner {
    margin-bottom: 250px;
  }
  .geo_h_banner_text h1 {
    font-size: 48px;
    line-height: 63px;
  }
  .geo_h_banner_cubes_row {
    min-height: 758.5px;
  }
}

.geo_h_desc {
  margin: 0 auto;
  width: 95%;
  max-width: 1440px;
  overflow: hidden;
  color: #000000;
}
.geo_h_desc p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.geo_h_desc a {
  color: #00aeef;
  text-decoration: none;
}
.geo_h_desc a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 480px) {
  .geo_h_desc {
    padding-top: 690px;
  }
  .geo_h_desc p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_h_desc {
    padding-top: 865px;
  }
  .geo_h_desc p {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_h_desc {
    padding: 400px 0 20px 0;
  }
}

.geo_h_slider {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.geo_h_slider_item {
  position: relative;
}
.geo_h_slider_item_image {
  background-position: top center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  min-height: 700px;
}
.geo_h_slider_item_text {
  margin: 0 auto;
  width: 95%;
  max-width: 1440px;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  /* IE 9 */
  -webkit-transform: translate(0%, -50%);
  height: 100%;
  text-align: center;
}
.geo_h_slider_item_text_title {
  font-weight: 400;
  font-size: 60px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  display: block;
}
.geo_h_slider_item_text_readmore {
  border: 1px solid #fff;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  border-radius: 60%;
  width: 135px;
  height: 135px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin: 5% auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.geo_h_slider_item_text_readmore:hover, .geo_h_slider_item_text_readmore:focus {
  background-color: rgba(0, 0, 0, 0.5);
  color: #00aeef;
  cursor: pointer;
}
.geo_h_slider_item_text_readmore:hover .geo_h_slider_item_readmore a, .geo_h_slider_item_text_readmore:focus .geo_h_slider_item_readmore a {
  color: #00aeef !important;
}
.geo_h_slider_item_text_readmore:hover .geo_h_slider_item_readmore a:hover, .geo_h_slider_item_text_readmore:focus .geo_h_slider_item_readmore a:hover {
  color: #00aeef !important;
}
.geo_h_slider_item_text_readmore a {
  color: #fff;
}
.geo_h_slider_item_text_readmore a:hover {
  color: #00aeef;
}
@media only screen and (max-width: 480px) {
  .geo_h_slider_item_image {
    min-height: 550px;
  }
  .geo_h_slider_item_text {
    transform: translate(0%, -68%);
    -ms-transform: translate(0%, -68%);
    /* IE 9 */
    -webkit-transform: translate(0%, -68%);
  }
  .geo_h_slider_item_text_title {
    font-size: 36px;
    line-height: 42px;
  }
  .geo_h_slider .slick-dots {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_h_slider_item_image {
    min-height: 550px;
  }
  .geo_h_slider_item_text {
    transform: translate(0%, -67%);
    -ms-transform: translate(0%, -67%);
    /* IE 9 */
    -webkit-transform: translate(0%, -67%);
  }
  .geo_h_slider_item_text_title {
    font-size: 40px;
    line-height: 44px;
  }
  .geo_h_slider .slick-dots {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_h_slider_item_image {
    min-height: 550px;
  }
  .geo_h_slider_item_text {
    transform: translate(0%, -67%);
    -ms-transform: translate(0%, -67%);
    /* IE 9 */
    -webkit-transform: translate(0%, -67%);
  }
  .geo_h_slider_item_text_title {
    font-size: 40px;
    line-height: 44px;
  }
}

.geo_h_report {
  overflow: hidden;
  position: relative;
}
.geo_h_report_item {
  color: #fff;
}
.geo_h_report_item:nth-child(1) {
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -2px;
  width: 28%;
}
.geo_h_report_item:nth-child(n+2) {
  width: 12%;
}
.geo_h_report_item a {
  color: #fff;
  margin: 0;
  padding: 0 10px 0 0;
  font-weight: 300;
  font-size: 24px;
  line-height: 26px;
  position: relative;
}
.geo_h_report_item a:hover {
  opacity: 0.6;
}
.geo_h_report_item a::after {
  content: "";
  position: absolute;
  top: 2px;
  right: -26px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/images/readmore.svg") no-repeat;
  width: 25px;
  height: 25px;
}
@media only screen and (max-width: 480px) {
  .geo_h_report_item {
    width: 100% !important;
  }
  .geo_h_report_item:nth-child(1) {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
  }
  .geo_h_report_item:nth-child(n+2) {
    font-size: 24px;
    text-align: center;
    margin-bottom: 7px;
  }
  .geo_h_report_item a::after {
    top: 1px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_h_report_item {
    width: 100% !important;
  }
  .geo_h_report_item:nth-child(1) {
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
  }
  .geo_h_report_item:nth-child(n+2) {
    font-size: 24px;
    text-align: center;
    margin-bottom: 7px;
  }
  .geo_h_report_item a::after {
    top: 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_h_report_item:nth-child(1) {
    width: 26%;
    margin-right: 18px;
    font-size: 32px;
  }
  .geo_h_report_item:nth-child(n+2) {
    width: 15%;
    margin-right: 2%;
  }
  .geo_h_report_item:nth-child(n+2) a {
    font-size: 15px;
    text-align: left;
  }
  .geo_h_report_item:nth-child(n+2) a::after {
    top: -3px;
    right: -19px;
  }
}

.geo_h_accordion {
  overflow: hidden;
  margin: 0 auto;
}
.geo_h_accordion a {
  color: #00aeef;
}
.geo_h_accordion a:hover {
  opacity: 0.7;
}
.geo_h_accordion ul {
  margin: 20px 10px;
  padding: 0;
}
.geo_h_accordion ul li {
  color: #000;
  list-style: inside disc;
  line-height: 34px;
  font-weight: 300;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  letter-spacing: -0.04em;
}
.geo_h_accordion h3 {
  margin: 0;
  padding: 0;
  color: #3f3f3f !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 44px;
  letter-spacing: -0.04em;
  color: #3f3f3f;
}
.geo_h_accordion h3:last-child {
  border-bottom: 1px solid #989898 !important;
}
.geo_h_accordion_item {
  background-color: transparent;
  border: none;
}
.geo_h_accordion_item p {
  color: #1e1e1e;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  letter-spacing: -0.04em;
  color: #1e1e1e;
}
.geo_h_accordion_item_readmore {
  overflow: hidden;
  display: block;
  padding: 5px 0;
  margin-bottom: 32px;
}
.geo_h_accordion_item_readmore a {
  color: #1e1e1e !important;
  margin: 0;
  padding: 0 10px 0 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  position: relative;
  text-decoration: none !important;
}
.geo_h_accordion_item_readmore a:hover {
  opacity: 0.6 !important;
}
.geo_h_accordion_item_readmore a::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -32px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/images/readmore_blue.svg") no-repeat;
  width: 33px;
  height: 33px;
}
.geo_h_accordion .ui-accordion-header {
  padding: 37px 0;
  border-top: 1px solid #989898;
  cursor: pointer;
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom: none !important;
}
.geo_h_accordion .ui-accordion-header:last-child {
  border-bottom: 1px solid #989898 !important;
}
.geo_h_accordion .ui-icon {
  background-image: url("https://cdn.unenvironment.org/2023-03/ui-icons_444444_256x240.png");
  width: 17px;
  height: 17px;
  float: right;
}
.geo_h_accordion .ui-icon-plus {
  background-position: -35px -125px;
  margin-right: 5px;
}
.geo_h_accordion .ui-icon-minus {
  background-position: -45px -125px;
  margin-right: 5px;
}
@media only screen and (max-width: 480px) {
  .geo_h_accordion h3 {
    font-size: 20px !important;
  }
  .geo_h_accordion_item p {
    font-size: 16px;
    line-height: 21px;
  }
  .geo_h_accordion_item_readmore a {
    font-size: 16px;
    line-height: 21px;
  }
  .geo_h_accordion_item_readmore a::after {
    top: -4px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_h_accordion h3 {
    font-size: 33px !important;
  }
  .geo_h_accordion_item p {
    font-size: 20px;
    line-height: 23px;
  }
  .geo_h_accordion_item_readmore a {
    font-size: 16px;
    line-height: 23px;
  }
  .geo_h_accordion_item_readmore a::after {
    top: -3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_h_accordion h3 {
    font-size: 33px !important;
  }
  .geo_h_accordion_item p {
    font-size: 16px;
    line-height: 25px;
  }
  .geo_h_accordion_item_readmore a {
    font-size: 16px;
    line-height: 25px;
  }
  .geo_h_accordion_item_readmore a::after {
    top: -7px;
  }
}

.geo_h_newsletter {
  position: relative;
}
.geo_h_newsletter .newsletter_level1 {
  position: relative;
}
.geo_h_newsletter .newsletter_level1_wrap {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate(0%, -35%);
  -ms-transform: translate(0%, -35%);
  /* IE 9 */
  -webkit-transform: translate(0%, -35%);
  z-index: 9;
  min-height: 395px;
}
.geo_h_newsletter .newsletter_level1_wrap_one {
  width: 50%;
  background-color: #50b288;
  height: 100%;
}
.geo_h_newsletter .newsletter_level1_wrap_two {
  width: 50%;
  height: 100%;
}
.geo_h_newsletter .newsletter_level1_row {
  position: absolute;
  left: 0;
  right: 0;
  transform: translate(0%, -35%);
  -ms-transform: translate(0%, -35%);
  /* IE 9 */
  -webkit-transform: translate(0%, -35%);
  z-index: 15;
  width: 95%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-content: flex-start;
  height: 100%;
  min-height: 395px;
}
.geo_h_newsletter .newsletter_level1_row_text {
  width: 40%;
  padding: 42px 39px 0 0;
}
.geo_h_newsletter .newsletter_level1_row_text p {
  font-size: 21px;
  font-weight: 300 !important;
  color: #fff;
}
.geo_h_newsletter .newsletter_level1_row_text_readmore {
  overflow: hidden;
  display: block;
  padding: 5px 0;
}
.geo_h_newsletter .newsletter_level1_row_text_readmore a {
  color: #fff !important;
  margin: 0;
  padding: 0 10px 0 0;
  font-weight: 300 !important;
  font-size: 24px;
  line-height: 21px;
  position: relative;
  text-decoration: none !important;
}
.geo_h_newsletter .newsletter_level1_row_text_readmore a:hover {
  opacity: 0.6 !important;
}
.geo_h_newsletter .newsletter_level1_row_text_readmore a::after {
  content: "";
  position: absolute;
  top: 2px;
  right: -26px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/images/readmore.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.geo_h_newsletter .newsletter_level1_row_image {
  width: 60%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.geo_h_newsletter .newsletter_level1_row_image img {
  display: block;
  width: 100%;
  height: 395px;
  object-fit: cover;
  max-height: 100%;
}
.geo_h_newsletter_box {
  padding: 330px 0 68px 0;
  width: 95%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-content: flex-start;
  align-items: center;
  justify-content: space-between;
}
.geo_h_newsletter_box_text {
  width: 25%;
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 300 !important;
  color: #ffffff;
}
.geo_h_newsletter_box_contain {
  width: 70%;
}
.geo_h_newsletter_box_contain .textfield_row {
  max-width: 230px;
}
.geo_h_newsletter_box_contain .textfield_row label {
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
  display: block;
}
.geo_h_newsletter_box_contain .textfield_row input[type=text] {
  border: 1px solid #fff;
  background-color: transparent;
  padding: 8px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  display: block;
}
.geo_h_newsletter_box_contain .textfield_row input[type=email] {
  border: 1px solid #fff;
  background-color: transparent;
  padding: 8px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  display: block;
}
.geo_h_newsletter_box_contain .textfield_row input[type=submit] {
  background-color: rgb(255, 255, 255);
  border: 1px solid #fff;
  padding: 0.5em 1em;
  color: #00aeef;
  text-transform: uppercase;
  letter-spacing: -2px;
  font-weight: 300;
  font-size: 18px;
  margin: 32px 0 0 0;
  min-width: 165px;
}
.geo_h_newsletter_box_contain .textfield_row input[type=submit]:hover {
  opacity: 0.6;
}
.geo_h_newsletter_box_contain [role=contentinfo] {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}
.geo_h_newsletter_box_contain .webform-confirmation__message {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
@media only screen and (max-width: 480px) {
  .geo_h_newsletter .newsletter_level1_wrap {
    min-height: auto !important;
    transform: none !important;
    background-color: #6e4e64;
  }
  .geo_h_newsletter .newsletter_level1_wrap_one {
    background-color: transparent;
  }
  .geo_h_newsletter .newsletter_level1_row {
    position: relative;
    transform: none !important;
    min-height: auto !important;
  }
  .geo_h_newsletter .newsletter_level1_row_image {
    display: none;
  }
  .geo_h_newsletter .newsletter_level1_row_text {
    width: auto;
    padding: 40px 0 35px 0;
  }
  .geo_h_newsletter .newsletter_level1_row_text p {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_h_newsletter .newsletter_level1_row_text_readmore a {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_h_newsletter .newsletter_level1_row_text_readmore a::after {
    top: -1px;
  }
  .geo_h_newsletter_box {
    padding: 35px 0 30px 0;
    display: block;
  }
  .geo_h_newsletter_box_text {
    width: 86%;
    color: #00aeef;
    font-weight: 400 !important;
  }
  .geo_h_newsletter_box_contain {
    width: auto;
    margin: 40px 0 0 0;
    display: block;
  }
  .geo_h_newsletter_box_contain .textfield_row {
    width: 100%;
    margin-bottom: 20px;
    max-width: none !important;
  }
  .geo_h_newsletter_box_contain .textfield_row label {
    color: #00aeef;
    display: block;
    font-weight: 400 !important;
  }
  .geo_h_newsletter_box_contain .textfield_row input[type=text] {
    width: 100%;
  }
  .geo_h_newsletter_box_contain .textfield_row input[type=submit] {
    background-color: #00aeef;
    color: #ffffff;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    border: 1px solid #00aeef;
  }
  .geo_h_newsletter_box_contain .textfield_row input[type=submit]:hover {
    background-color: #ffffff;
    color: #00aeef;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_h_newsletter .newsletter_level1_wrap {
    min-height: auto !important;
    transform: none !important;
    background-color: #6e4e64;
  }
  .geo_h_newsletter .newsletter_level1_wrap_one {
    background-color: transparent;
  }
  .geo_h_newsletter .newsletter_level1_row {
    position: relative;
    transform: none !important;
    min-height: auto !important;
  }
  .geo_h_newsletter .newsletter_level1_row_image {
    display: none;
  }
  .geo_h_newsletter .newsletter_level1_row_text {
    width: auto;
    padding: 40px 0 35px 0;
  }
  .geo_h_newsletter .newsletter_level1_row_text p {
    font-size: 20px;
    line-height: 23px;
  }
  .geo_h_newsletter .newsletter_level1_row_text_readmore a {
    font-size: 20px;
    line-height: 23px;
  }
  .geo_h_newsletter .newsletter_level1_row_text_readmore a::after {
    top: -1px;
  }
  .geo_h_newsletter_box {
    padding: 35px 0 30px 0;
    display: block;
  }
  .geo_h_newsletter_box_text {
    width: 86%;
    color: #00aeef;
    font-weight: 400 !important;
  }
  .geo_h_newsletter_box_contain {
    width: auto;
    margin: 40px 0 0 0;
    display: block;
  }
  .geo_h_newsletter_box_contain .textfield_row {
    width: 100%;
    margin-bottom: 20px;
    max-width: none !important;
  }
  .geo_h_newsletter_box_contain .textfield_row label {
    color: #00aeef;
    display: block;
    font-weight: 400 !important;
  }
  .geo_h_newsletter_box_contain .textfield_row input[type=text] {
    width: 100%;
  }
  .geo_h_newsletter_box_contain .textfield_row input[type=submit] {
    background-color: #00aeef;
    color: #ffffff;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    border: 1px solid #00aeef;
  }
  .geo_h_newsletter_box_contain .textfield_row input[type=submit]:hover {
    background-color: #ffffff;
    color: #00aeef;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_h_newsletter .newsletter_level1_row_text {
    width: 47%;
  }
  .geo_h_newsletter .newsletter_level1_row_text p {
    font-size: 20px;
    line-height: 27px;
  }
  .geo_h_newsletter .newsletter_level1_row_text_readmore a {
    font-size: 20px;
    line-height: 27px;
  }
  .geo_h_newsletter .newsletter_level1_row_image {
    width: 53%;
  }
  .geo_h_newsletter_box_text {
    width: 23%;
    font-size: 22px;
    line-height: 24px;
  }
  .geo_h_newsletter_box_contain {
    width: 74%;
    justify-content: space-between;
  }
  .geo_h_newsletter_box_contain .textfield_row {
    max-width: 120px;
  }
  .geo_h_newsletter_box_contain .textfield_row input[type=text] {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .geo_h_newsletter_box_contain {
    justify-content: space-between;
  }
  .geo_h_newsletter_box_contain .textfield_row {
    max-width: 170px;
  }
  .geo_h_newsletter_box_contain .textfield_row input[type=text] {
    width: 100%;
  }
}

/* End of Homepage Styles */
/*Basic page styles*/
.geo_ab_banner {
  margin: 0;
  padding: 0;
  background-position: 50% center, 50% center;
  background-size: cover !important;
  position: relative;
  min-height: 500px;
}
.geo_ab_banner::before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.geo_ab_banner_text {
  position: absolute;
  width: 95%;
  max-width: 1440px;
  top: 45%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate(0%, -30%);
  -ms-transform: translate(0%, -30%);
  /* IE 9 */
  -webkit-transform: translate(0%, -30%);
  color: #fff;
  padding: 1.6129% 0;
  z-index: 2;
}
.geo_ab_banner_text h1 {
  margin-top: 0;
  text-align: left;
  color: #ffffff;
  font-size: 68px;
  line-height: 71px;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: -1px;
}
.geo_ab_banner .photo_credit {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 7;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
}
.geo_ab_banner .photo_credit i {
  color: #fff;
  font-size: 0.7em;
  margin-right: 0.5em;
  opacity: 0.7;
}
.geo_ab_banner .photo_credit a {
  font-size: 0.8em;
  font-style: italic;
  color: hsla(0deg, 0%, 100%, 0.7);
  text-decoration: none;
  display: block;
}
.geo_ab_banner .photo_credit a:hover {
  color: rgb(255, 255, 255);
}
@media only screen and (max-width: 480px) {
  .geo_ab_banner {
    min-height: 400px;
  }
  .geo_ab_banner_text h1 {
    font-size: 42px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_ab_banner {
    min-height: 470px;
  }
  .geo_ab_banner_text h1 {
    font-size: 50px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_ab_banner_text h1 {
    font-size: 53px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .geo_ab_banner_text h1 {
    font-size: 60px;
    line-height: 63px;
  }
}

.geo_ab_body {
  overflow: hidden;
}
.geo_ab_body_wrap {
  width: 95%;
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  min-height: 300px;
}
.geo_ab_body_wrap_general {
  padding: 3em 0;
  width: 100%;
}
.geo_ab_body_full {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 4rem;
  border-bottom: 1px solid #989898;
}
.geo_ab_body_full p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
  color: #000000;
}
.geo_ab_body_full a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_full a:hover {
  opacity: 0.7;
}
.geo_ab_body_full h4 {
  font-size: 27px;
  line-height: 31px;
}
.geo_ab_body_full ul {
  margin: 20px 20px;
  padding: 0;
}
.geo_ab_body_full ul li {
  color: #000000;
  list-style: inside disc;
  list-style-position: outside;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.geo_ab_body_full ul li a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_full ul li a:hover {
  opacity: 0.6;
}
.geo_ab_body_full ol {
  margin: 20px 20px;
  padding: 0;
}
.geo_ab_body_full ol li {
  color: #000000;
  list-style-type: auto;
  list-style-position: outside;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.geo_ab_body_full ol li a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_full ol li a:hover {
  opacity: 0.6;
}
.geo_ab_body_full-bottom {
  width: 100%;
  padding-top: 3.3rem;
  margin-top: 4rem;
}
.geo_ab_body_full-bottom p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
  color: #000000;
}
.geo_ab_body_full-bottom a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_full-bottom a:hover {
  opacity: 0.7;
}
.geo_ab_body_full-bottom h4 {
  font-size: 27px;
  line-height: 31px;
}
.geo_ab_body_full-bottom ul {
  margin: 20px 20px;
  padding: 0;
}
.geo_ab_body_full-bottom ul li {
  color: #000000;
  list-style: inside disc;
  list-style-position: outside;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.geo_ab_body_full-bottom ul li a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_full-bottom ul li a:hover {
  opacity: 0.6;
}
.geo_ab_body_full-bottom ol {
  margin: 20px 20px;
  padding: 0;
}
.geo_ab_body_full-bottom ol li {
  color: #000000;
  list-style-type: auto;
  list-style-position: outside;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.geo_ab_body_full-bottom ol li a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_full-bottom ol li a:hover {
  opacity: 0.6;
}
.geo_ab_body_left {
  width: 62%;
}
.geo_ab_body_left p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
  color: #000000;
}
.geo_ab_body_left a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_left a:hover {
  opacity: 0.7;
}
.geo_ab_body_left h4 {
  font-size: 27px;
  line-height: 31px;
}
.geo_ab_body_left ul {
  margin: 20px 20px;
  padding: 0;
}
.geo_ab_body_left ul li {
  color: #000000;
  list-style: inside disc;
  list-style-position: outside;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.geo_ab_body_left ul li a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_left ul li a:hover {
  opacity: 0.6;
}
.geo_ab_body_left ol {
  margin: 20px 20px;
  padding: 0;
}
.geo_ab_body_left ol li {
  color: #000000;
  list-style-type: auto;
  list-style-position: outside;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.geo_ab_body_left ol li a {
  color: #00aeef;
  text-decoration: none;
}
.geo_ab_body_left ol li a:hover {
  opacity: 0.6;
}
.geo_ab_body_right {
  width: 36%;
  max-width: 380px;
}
.geo_ab_body_right .geo_h_banner_cubes_item {
  width: auto !important;
}
.geo_ab_body_right .sidebar_menu h2 {
  border-top: 1px solid #bebebe;
  padding-top: 30px;
  font-size: 30px;
  line-height: 34px;
  color: #00aeef;
  margin: 0;
  font-weight: 700;
}
.geo_ab_body_right .sidebar_menu ul {
  display: block !important;
  padding: 0;
  margin: 13px 0 8px 0;
}
.geo_ab_body_right .sidebar_menu ul li {
  list-style: none;
  color: #3f3f3f;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  padding: 5px 0;
}
.geo_ab_body_right .sidebar_menu ul li a {
  color: #3f3f3f;
  text-decoration: none;
}
.geo_ab_body_right .sidebar_menu ul li a:hover {
  color: #00aeef;
}
.geo_ab_body_right .sidebar_menu ul li a.is-active {
  color: #00aeef;
}
.geo_ab_body_right .further_resources {
  overflow: hidden;
  margin-bottom: 30px;
}
.geo_ab_body_right .further_resources h3 {
  font-size: 30px;
  line-height: 34px;
  color: #00aeef;
  margin: 0;
  font-weight: 700;
}
.geo_ab_body_right .further_resources ul {
  padding: 0;
  margin: 8px 0;
}
.geo_ab_body_right .further_resources ul li {
  list-style: none;
  padding: 7px 0;
  color: #3f3f3f;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
}
.geo_ab_body_right .further_resources ul li a {
  color: #3f3f3f;
  text-decoration: none;
}
.geo_ab_body_right .further_resources ul li a:hover {
  color: #00aeef;
}
.geo_ab_body_right .inner_sidebar {
  position: relative;
}
.geo_ab_body_right .inner_sidebar_item {
  width: 100%;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}
.geo_ab_body_right .inner_sidebar_item_image {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.geo_ab_body_right .inner_sidebar_item_image::before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.geo_ab_body_right .inner_sidebar_item_image img {
  display: block;
  width: 100%;
  height: 363px;
  object-fit: cover;
  max-height: 100%;
}
.geo_ab_body_right .inner_sidebar_item_reportimage {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.geo_ab_body_right .inner_sidebar_item_reportimage img {
  display: block;
  width: 100%;
  height: 264px;
  object-fit: cover;
  max-height: 100%;
}
.geo_ab_body_right .inner_sidebar_item_text {
  padding: 8.9%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-content: flex-start;
  height: 100%;
}
.geo_ab_body_right .inner_sidebar_item_text h2 {
  font-weight: 400;
  color: #fff;
  font-size: 36px;
  line-height: 42px;
}
.geo_ab_body_right .inner_sidebar_item_text h2 a {
  color: #fff;
}
.geo_ab_body_right .inner_sidebar_item_text h2 a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.geo_ab_body_right .inner_sidebar_item_text_toplevel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.geo_ab_body_right .inner_sidebar_item_text_toplevel .type {
  padding: 5px 18px;
  background-color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
.geo_ab_body_right .inner_sidebar_item_text_toplevel .seeall {
  padding: 5px 18px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
.geo_ab_body_right .inner_sidebar_item_text_toplevel .seeall a {
  color: #fff;
}
.geo_ab_body_right .inner_sidebar_item_text_toplevel .seeall a:hover {
  opacity: 0.6;
}
.geo_ab_body_right .inner_sidebar_item_text_midlevel {
  overflow: hidden;
  margin-top: 50px;
}
.geo_ab_body_right .inner_sidebar_item_text_midlevel .date {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 8px;
}
.geo_ab_body_right .inner_sidebar_item_text_midlevel .title {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
}
.geo_ab_body_right .inner_sidebar_item_text_readmore {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0;
  padding: 8.9%;
}
.geo_ab_body_right .inner_sidebar_item_text_readmore a {
  color: #fff;
  margin: 0;
  padding: 0 10px 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  position: relative;
}
.geo_ab_body_right .inner_sidebar_item_text_readmore a:hover {
  opacity: 0.6;
}
.geo_ab_body_right .inner_sidebar_item_text_readmore a::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -26px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/images/readmore.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.geo_ab_body_right .inner_sidebar_item_reporttext {
  padding: 42px;
  background-color: #00aeef;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-items: baseline;
}
.geo_ab_body_right .inner_sidebar_item_reporttext_title {
  width: 60%;
  color: #fff;
  font-size: 24px;
  line-height: 29px;
}
.geo_ab_body_right .inner_sidebar_item_reporttext_readmore {
  width: 33%;
  text-align: right;
}
.geo_ab_body_right .inner_sidebar_item_reporttext_readmore a {
  color: #fff;
  margin: 0;
  padding: 0 10px 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  position: relative;
}
.geo_ab_body_right .inner_sidebar_item_reporttext_readmore a:hover {
  opacity: 0.6;
}
.geo_ab_body_right .inner_sidebar_item_reporttext_readmore a::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -26px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/dist/images/readmore.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.geo_ab_body_right .inner_sidebar button.slick-arrow {
  position: absolute;
  z-index: 10;
  bottom: 0;
  width: 18px;
  height: 18px;
  top: 12%;
}
.geo_ab_body_right .inner_sidebar button.slick-arrow::before {
  font-size: 30px;
}
.geo_ab_body_right .inner_sidebar button.slick-arrow:hover, .geo_ab_body_right .inner_sidebar button.slick-arrow:focus {
  opacity: 0.6;
}
.geo_ab_body_right .inner_sidebar button.slick-prev {
  left: 76%;
}
.geo_ab_body_right .inner_sidebar button.slick-prev::before {
  content: "<";
  opacity: 1;
  font-weight: 900;
}
.geo_ab_body_right .inner_sidebar button.slick-next {
  right: 9%;
}
.geo_ab_body_right .inner_sidebar button.slick-next::before {
  content: ">";
  opacity: 1;
  font-weight: 900;
}
.geo_ab_body_right .inner_sidebar .slick-prev:hover::before, .geo_ab_body_right .inner_sidebar .slick-prev:focus::before, .geo_ab_body_right .inner_sidebar .slick-next:hover::before, .geo_ab_body_right .inner_sidebar .slick-next:focus::before {
  opacity: 1;
  font-weight: 900;
}
@media only screen and (max-width: 480px) {
  .geo_ab_body_wrap {
    display: block;
  }
  .geo_ab_body_full {
    margin-bottom: 2.5rem;
  }
  .geo_ab_body_full ul li {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_full p {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_full a {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_full h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .geo_ab_body_full-bottom {
    margin-top: 2.5rem;
  }
  .geo_ab_body_full-bottom ul li {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_full-bottom p {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_full-bottom a {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_full-bottom h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .geo_ab_body_left {
    width: auto;
    padding-bottom: 20px;
  }
  .geo_ab_body_left ul li {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_left p {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_left a {
    font-size: 18px;
    line-height: 24px;
  }
  .geo_ab_body_left h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .geo_ab_body_right {
    width: auto;
    max-width: 470px;
  }
  .geo_ab_body_right .further_resources h3 {
    font-size: 27px;
    line-height: 31px;
  }
  .geo_ab_body_right .further_resources ul li {
    padding: 5px 0;
  }
  .geo_ab_body_right .sidebar_menu h3 {
    font-size: 27px;
    line-height: 31px;
  }
  .geo_ab_body_right .sidebar_menu ul li {
    font-size: 21px;
    line-height: 29px;
  }
  .geo_ab_body_right .inner_sidebar_item {
    width: auto;
    margin-bottom: 12px !important;
  }
  .geo_ab_body_right .inner_sidebar_item_text {
    padding: 5.9%;
    width: 100%;
  }
  .geo_ab_body_right .inner_sidebar_item_text h2 {
    font-size: 21px;
    line-height: 27px;
    margin: 0;
  }
  .geo_ab_body_right .inner_sidebar_item_text_toplevel {
    width: 100%;
    justify-content: space-between !important;
  }
  .geo_ab_body_right .inner_sidebar_item_text_midlevel {
    position: absolute;
    min-width: 365px;
    bottom: 8%;
    margin-top: 0;
  }
  .geo_ab_body_right .inner_sidebar_item_text_midlevel .date {
    display: none;
  }
  .geo_ab_body_right .inner_sidebar_item_text_readmore {
    display: none !important;
  }
  .geo_ab_body_right .inner_sidebar button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geo_ab_body {
    padding-bottom: 40px !important;
  }
  .geo_ab_body_wrap {
    display: block;
  }
  .geo_ab_body_full ul li, .geo_ab_body_full-bottom ul li {
    font-size: 22px;
    line-height: 28px;
  }
  .geo_ab_body_full p, .geo_ab_body_full-bottom p {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 1.25rem;
  }
  .geo_ab_body_full a, .geo_ab_body_full-bottom a {
    font-size: 22px;
    line-height: 28px;
  }
  .geo_ab_body_full h4, .geo_ab_body_full-bottom h4 {
    font-size: 26px;
    line-height: 30px;
  }
  .geo_ab_body_left {
    width: auto;
    padding-bottom: 20px;
  }
  .geo_ab_body_left ul li {
    font-size: 22px;
    line-height: 28px;
  }
  .geo_ab_body_left p {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 1.25rem;
  }
  .geo_ab_body_left a {
    font-size: 22px;
    line-height: 28px;
  }
  .geo_ab_body_left h4 {
    font-size: 26px;
    line-height: 30px;
  }
  .geo_ab_body_right {
    width: 100%;
    max-width: none !important;
  }
  .geo_ab_body_right .further_resources h3 {
    font-size: 28px;
    line-height: 31px;
  }
  .geo_ab_body_right .further_resources ul li {
    padding: 5px 0;
  }
  .geo_ab_body_right .sidebar_menu h3 {
    font-size: 28px;
    line-height: 31px;
  }
  .geo_ab_body_right .sidebar_menu ul li {
    font-size: 22px;
    line-height: 31px;
  }
  .geo_ab_body_right .inner_sidebar_item {
    width: auto;
    margin-bottom: 12px !important;
    min-height: 270px;
  }
  .geo_ab_body_right .inner_sidebar_item_text {
    padding: 5.9%;
    width: 100%;
  }
  .geo_ab_body_right .inner_sidebar_item_text h2 {
    font-size: 21px;
    line-height: 27px;
    margin: 0;
  }
  .geo_ab_body_right .inner_sidebar_item_text_toplevel {
    width: 100%;
    justify-content: space-between !important;
  }
  .geo_ab_body_right .inner_sidebar_item_text_midlevel {
    position: absolute;
    min-width: 365px;
    bottom: 8%;
    margin-top: 0;
  }
  .geo_ab_body_right .inner_sidebar_item_text_midlevel .date {
    display: none;
  }
  .geo_ab_body_right .inner_sidebar_item_text_readmore {
    display: none !important;
  }
  .geo_ab_body_right .inner_sidebar button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .geo_ab_body_full ul li, .geo_ab_body_full-bottom ul li {
    font-size: 21px;
    line-height: 27px;
  }
  .geo_ab_body_full p, .geo_ab_body_full-bottom p {
    font-size: 21px;
    line-height: 27px;
  }
  .geo_ab_body_full a, .geo_ab_body_full-bottom a {
    font-size: 21px;
    line-height: 27px;
  }
  .geo_ab_body_full h4, .geo_ab_body_full-bottom h4 {
    font-size: 27px;
    line-height: 31px;
  }
  .geo_ab_body_left {
    width: 68%;
  }
  .geo_ab_body_left ul li {
    font-size: 21px;
    line-height: 27px;
  }
  .geo_ab_body_left p {
    font-size: 21px;
    line-height: 27px;
  }
  .geo_ab_body_left a {
    font-size: 21px;
    line-height: 27px;
  }
  .geo_ab_body_left h4 {
    font-size: 27px;
    line-height: 31px;
  }
  .geo_ab_body_right {
    width: 26%;
  }
  .geo_ab_body_right .further_resources h3 {
    font-size: 27px;
    line-height: 30px;
  }
  .geo_ab_body_right .further_resources ul li {
    padding: 5px 0;
  }
  .geo_ab_body_right .sidebar_menu h3 {
    font-size: 27px;
    line-height: 30px;
  }
  .geo_ab_body_right .sidebar_menu ul li {
    font-size: 22px;
    line-height: 31px;
  }
  .geo_ab_body_right .inner_sidebar_item_text {
    padding: 5.9%;
    width: 100%;
  }
  .geo_ab_body_right .inner_sidebar_item_text h2 {
    font-size: 18px;
    line-height: 21px;
    margin: 0;
  }
  .geo_ab_body_right .inner_sidebar_item_text_toplevel {
    width: 100%;
    justify-content: space-between !important;
  }
  .geo_ab_body_right .inner_sidebar_item_text_midlevel {
    position: absolute;
    min-width: none !important;
    bottom: 8%;
    margin-top: 0;
  }
  .geo_ab_body_right .inner_sidebar_item_text_midlevel .date {
    display: none;
  }
  .geo_ab_body_right .inner_sidebar_item_text_midlevel .title {
    font-size: 21px;
    line-height: 23px;
  }
  .geo_ab_body_right .inner_sidebar_item_text_readmore {
    display: none !important;
  }
  .geo_ab_body_right .inner_sidebar_item_reporttext {
    padding: 14px 16px;
  }
  .geo_ab_body_right .inner_sidebar_item_reporttext_title {
    font-size: 20px;
    line-height: 22px;
  }
  .geo_ab_body_right .inner_sidebar button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .geo_ab_body_left h4 {
    font-size: 27px;
    line-height: 31px;
  }
}

.geo_wrap {
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .geo_wrap {
    width: 95%;
  }
}

.floating_control_panel {
  position: relative;
  background-color: rgb(193, 27, 27);
}
.floating_control_panel ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
.floating_control_panel ul li a {
  color: #fff;
  font-weight: 500;
  display: inline-block;
  padding: 0.5em;
}
.floating_control_panel ul li a:hover {
  background-color: rgba(185, 240, 66, 0.2);
}
.floating_control_panel div[role=contentinfo] {
  background-color: #b9f042;
  padding: 0.5em 1em;
}
.floating_control_panel div[role=contentinfo] ul {
  display: block;
}

/* Overides */
.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.slick-dots {
  position: absolute;
  top: 50%;
  left: 85%;
  right: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0.3em;
  width: 10px;
  transform: translate(85%, 0%);
  -ms-transform: translate(85%, 0%);
  /* IE 9 */
  -webkit-transform: translate(85%, 0%);
  max-width: 1440px;
  margin: 0 auto;
}
.slick-dots li {
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 15px !important;
  height: 15px !important;
}
.slick-dots li button {
  height: 9px;
  width: 9px;
}
.slick-dots li button::before {
  font-size: 13px;
  color: #ffffff;
  width: 4px;
  height: 4px;
  top: -3.1px;
  left: 0;
}
.slick-dots li.slick-active button:before {
  opacity: 0.95;
  color: #fff !important;
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1440px;
  }
}
@media only screen and (max-width: 480px) {
  .container {
    width: 100%;
  }
}
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e2e8f0;
}

body.noscroll {
  overflow: hidden;
}

.main h1 {
  text-align: left;
  margin-bottom: 0px;
}
.main .geo__menu ul {
  display: flex;
  flex-direction: row;
}
.main .geo__menu ul li {
  margin-right: 38px;
}
@media only screen and (max-width: 480px) {
  .main .geo__menu ul li {
    margin-right: 8px;
  }
}
.main .geo__menu ul li a:link,
.main .geo__menu ul li a:visited {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 100.69%;
  display: flex;
  align-items: center;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 768px) {
  .main .geo__menu ul li a:link,
  .main .geo__menu ul li a:visited {
    font-size: 18px;
  }
}
@media only screen and (max-width: 480px) {
  .main .geo__menu ul li a:link,
  .main .geo__menu ul li a:visited {
    font-size: 12px;
  }
}
.main .geo__menu ul li a:hover {
  border-bottom: 5px solid #00aeff;
  color: #00aeff;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 100.69%;
  padding-bottom: 10px;
}
.main .geo__menu ul li:first-child {
  border-bottom: 5px solid #00aeff;
}
.main .geo__menu ul li:first-child a:link,
.main .geo__menu ul li:first-child a:visited {
  color: #00aeff;
  font-weight: 700;
  font-size: 24px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .main .geo__menu ul li:first-child a:link,
  .main .geo__menu ul li:first-child a:visited {
    font-size: 18px;
  }
}
@media only screen and (max-width: 480px) {
  .main .geo__menu ul li:first-child a:link,
  .main .geo__menu ul li:first-child a:visited {
    font-size: 12px;
    line-height: 0.4em;
  }
}
.main .intro a:link,
.main .intro a:visited {
  color: #000;
}
.main .intro p {
  margin-bottom: 22px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.04em;
}
.main .intro img {
  width: 100%;
  height: 420px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
@media only screen and (max-width: 480px) {
  .main .intro img {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .main .intro img {
    height: 380px;
  }
}

.geo__resource_box h2 {
  margin-bottom: 0%;
}
.geo__resource_box p {
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  letter-spacing: -0.04em;
}
.geo__resource_box a:link,
.geo__resource_box a:visited {
  color: #000;
  letter-spacing: -0.005em;
}
.geo__resource_box img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

figure.align-right,
img.align-right {
  margin: 0em 0 1em 1.5em !important;
}
@media screen and (max-width: 767px) {
  figure.align-right,
  img.align-right {
    max-width: none;
    margin: 0 0 1.5em 0 !important;
  }
}

figure.align-left {
  margin: 0em 1.5em 1em 5px !important;
}
@media screen and (max-width: 767px) {
  figure.align-left {
    max-width: none;
    margin: 0 0 1.5em 0 !important;
  }
}

img.align-left {
  max-width: 40%;
  margin: 0em 1.5em 1em 0px !important;
}
@media screen and (max-width: 767px) {
  img.align-left {
    max-width: none;
    margin: 0 0 1.5em 0 !important;
  }
}

@media screen and (max-width: 767px) {
  figure.align-center,
  img.align-center {
    max-width: none;
    margin: 0 0 1.5em 0 !important;
  }
}

.banner_block {
  width: 800px;
  position: relative;
}

.box_one {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  background-color: white;
  position: relative;
  width: 100%;
  height: 600px;
}
@media only screen and (max-width: 480px) {
  .box_one {
    height: 400px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .box_one {
    height: 700px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box_one {
    height: 750px;
  }
}
.box_one::before {
  background: rgba(1, 114, 76, 0.6);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .box_one {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .box_one {
    width: 33%;
  }
}
@media screen and (min-width: 1280px) {
  .box_one {
    width: 33%;
  }
}
.box_one::before {
  background: rgba(1, 114, 76, 0.6);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.box_two {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 800px;
}
@media screen and (max-width: 767px) {
  .box_two {
    width: 100%;
    height: 400px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .box_two {
    width: 100%;
    height: 500px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .box_two {
    width: 67%;
    height: 600px;
  }
}
@media screen and (min-width: 1280px) {
  .box_two {
    width: 67%;
    height: 560px;
  }
}
.box_two_one {
  background-color: lightgray;
  min-height: 300px;
  max-height: 300px;
  overflow: hidden;
  position: relative;
}
.box_two_one::before {
  background: rgba(162, 25, 66, 0.8);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .box_two_one {
    min-height: 180px;
    margin-bottom: 8px;
  }
}
.box_two_two {
  display: flex;
  min-height: 300px;
  max-height: 300px;
  overflow: hidden;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .box_two_two {
    flex-direction: column;
    min-height: 600px;
  }
}

.box_two_text {
  padding: 8.9%;
  top: 0;
  left: 0;
  display: flex;
  align-content: flex-start;
  height: 100%;
  color: #fff;
  position: absolute;
  justify-content: start;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .box_two_text {
    flex-wrap: nowrap;
    justify-items: center;
    margin: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .box_two_text {
    display: block;
  }
}
.box_two_text p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.04em;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .box_two_text p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.04em;
  }
}

.column-one {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.column-one:nth-child(1)::before {
  background: rgba(33, 94, 146, 0.8);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.column-one:nth-child(2)::before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .column-one {
    margin-bottom: 8px;
  }
  .column-one:first-child {
    background: none !important;
    /* Hide background for the first .column-one element */
  }
  .column-one:first-child::before {
    background: #074bda;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .column-one {
    margin-bottom: 8px;
  }
  .column-one:first-child {
    background: none !important;
    /* Hide background for the first .column-one element */
  }
}

.column-two {
  flex: 1;
  position: relative;
}
.column-two::before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.readmore_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 160px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .readmore_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .readmore_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.readmore_icon {
  border: 1px solid #fff;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  border-radius: 60%;
  width: 125px;
  height: 125px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 468px) {
  .readmore_icon {
    display: left;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .readmore_icon {
    display: left;
  }
}
.readmore_icon a {
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.01em;
}
.readmore_icon:hover, .readmore_icon:focus {
  background-color: rgba(0, 0, 0, 0.5);
  color: #00aeef;
  cursor: pointer;
}
.readmore_icon a {
  color: #fff;
}
.readmore_icon a:hover {
  color: #00aeef;
}

.readmore_text {
  text-align: center;
  margin-top: 10px;
  align-items: center;
  padding-left: 43px;
  padding-right: 40px;
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .readmore_text {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    width: 65%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .readmore_text {
    padding-right: 0px;
    text-align: left;
    padding-left: 0px;
    width: 65%;
  }
}
.readmore_text p {
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-align: left;
}
@media only screen and (max-width: 467px) {
  .readmore_text p {
    text-align: center;
  }
}
@media only screen and (min-width: 468px) and (max-width: 768px) {
  .readmore_text p {
    text-align: left;
  }
}

.readmore {
  top: 10%;
  position: relative;
  text-align: left;
  align-self: flex-start;
}
.readmore a {
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  letter-spacing: -0.005em;
}
.readmore a:hover {
  opacity: 0.6;
}
.readmore a::after {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 110%;
  font-size: 1.1em;
  color: #fff;
  background: url(https://www.unep.org/geo/themes/custom/geo/images/readmore.svg) no-repeat !important;
  width: 25px;
  height: 25px;
  opacity: 1 !important;
}
@media only screen and (max-width: 468px) {
  .readmore a::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 74%;
    font-size: 1.1em;
    color: #fff;
    background: url(https://www.unep.org/geo/themes/custom/geo/images/readmore.svg) no-repeat !important;
    width: 25px;
    height: 25px;
    opacity: 1 !important;
    top: -20%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .readmore a::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 65%;
    font-size: 1.1em;
    color: #fff;
    background: url(https://www.unep.org/geo/themes/custom/geo/images/readmore.svg) no-repeat !important;
    width: 25px;
    height: 25px;
    opacity: 1 !important;
    top: -20%;
  }
}
@media only screen and (max-width: 468px) {
  .readmore {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .readmore {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }
}

.readmore_wrapper {
  display: flex;
  padding-left: 0px;
  position: relative;
  width: 100%;
  top: 5%;
  margin-top: 0px;
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .readmore_wrapper {
    display: flex;
    padding-left: 0px;
    position: relative;
    width: 100%;
    top: 5%;
    margin-top: 0px;
  }
}

.readmore_wrap2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.readmore_icon2 {
  border: 1px solid #fff;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  border-radius: 60%;
  width: 125px;
  height: 125px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.readmore_icon2 a {
  color: #fff !important;
  text-transform: uppercase;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.01em;
}

.readmore_text2 {
  text-align: center;
  margin-top: 10px;
  align-items: center;
  padding-left: 43px;
}
.readmore_text2 p {
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.04em;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .readmore_text2 p {
    justify-content: center;
  }
}

.button_text {
  display: flex;
  justify-content: start;
  align-items: flex-end;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .button_text {
    justify-content: start;
  }
}

.button_text a {
  display: block;
  width: 160px;
  height: 48px;
  background-color: #4c9f38;
  text-align: center;
  line-height: 48px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.intro-text {
  overflow: hidden;
  color: #000000;
  color: #00aeef;
}
.intro-text p {
  font-size: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  line-height: 124%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .intro-text p {
    line-height: 22.32px;
    font-size: 30px;
    font-weight: 300;
    line-height: 124%;
    font-family: "Roboto";
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .intro-text p {
    font-size: 30px;
    line-height: 22.32px;
    font-size: 30px;
    font-weight: 300;
    line-height: 124%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .intro-text p {
    font-size: 30px;
    line-height: 22.32px;
    font-size: 30px;
    font-weight: 300;
    line-height: 124%;
  }
}

.blue {
  color: #215e92;
}

.green {
  color: #01724c;
}

.readmore_text2 {
  text-align: center;
  margin-top: 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  align-items: center;
  letter-spacing: -0.04em;
}
.readmore_text2 p {
  color: #fff;
}

.beat_desc::before {
  content: "";
  background: rgba(228, 240, 225, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.beat_desc .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 95%;
  z-index: 100;
  padding-bottom: 40px;
  padding-top: 40px;
  flex-direction: row;
}
@media only screen and (max-width: 480px) {
  .beat_desc .row {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .beat_desc .row {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .beat_desc .row {
    max-width: 1240px;
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .beat_desc .row {
    max-width: 1240px;
    width: 100%;
  }
}
.beat_desc .row .desc_column_right {
  flex: 0 0 66.666667%;
  width: 66.666667%;
}
@media only screen and (max-width: 480px) {
  .beat_desc .row .desc_column_right {
    flex: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .beat_desc .row .desc_column_right {
    flex: 0;
    width: 100%;
  }
}
.beat_desc .row .desc_column_right .desc_text p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #000000;
}
.beat_desc .row .desc_column_left {
  flex: 0 0 33.333333%;
  width: 33.333333%;
}
@media only screen and (max-width: 480px) {
  .beat_desc .row .desc_column_left {
    flex: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .beat_desc .row .desc_column_left {
    flex: 0;
    width: 100%;
  }
}
.beat_desc .row .desc_column_left .desc_header {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 124%;
  color: #215e92;
}
@media only screen and (max-width: 768px) {
  .beat_desc .row .desc_column_left .desc_header {
    font-weight: 700;
    font-size: 32px;
    line-height: 124%;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .beat_desc .row .desc_column_right .desc_header {
    font-size: 30px;
  }
  .beat_desc .row .desc_column_left .desc_text p {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
  .beat_desc .row .desc_column_right .desc_text {
    font-size: 20px;
  }
  .beat_desc .row .desc_column_left .desc_header {
    font-size: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .beat_desc .row .desc_column_right .desc_text {
    font-size: 20px;
  }
  .beat_desc .row .desc_column_left .desc_header {
    font-size: 36px;
  }
}

.campaign_wrapper {
  display: flex;
  flex-direction: column;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
}
@media only screen and (max-width: 480px) {
  .campaign_wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .campaign_wrapper {
    max-width: 1240px;
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .campaign_wrapper {
    max-width: 1240px;
    width: 100%;
  }
}
.campaign_wrapper h2 {
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  color: #215e92;
  line-height: 0px;
}
@media only screen and (max-width: 480px) {
  .campaign_wrapper h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 124%;
    padding-left: 15px;
    display: block;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .campaign_wrapper h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 124%;
  }
}

.campaign_section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
}
@media only screen and (max-width: 480px) {
  .campaign_section {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .campaign_section {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .campaign_section {
    flex-wrap: nowrap;
  }
}
.campaign_section .campaign_block {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 10px;
  height: 300px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .campaign_section .campaign_block {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .campaign_section .campaign_block {
    flex: 0 0 100%;
  }
}
.campaign_section .campaign_block .wrapper {
  background-color: #fff;
  padding-left: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: absolute;
  bottom: 0px;
  width: 80%;
  justify-content: flex-start;
  z-index: 5;
  left: -10px;
  bottom: -1px;
  padding-left: 25px;
  flex-direction: column;
  margin-top: 0px;
  margin-bottom: 0px;
  min-height: 70px;
}
@media only screen and (max-width: 480px) {
  .campaign_section .campaign_block .wrapper {
    width: 100%;
    left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .campaign_section .campaign_block .wrapper {
    width: 100%;
    left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
}
.campaign_section .campaign_block .wrapper h5 {
  font-size: 20px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  color: #215e92;
}
@media only screen and (max-width: 480px) {
  .campaign_section .campaign_block .wrapper h5 {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 124%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .campaign_section .campaign_block .wrapper h5 {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 124%;
  }
}
.campaign_section .campaign_block .wrapper p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #215e92;
  line-height: 110%;
  text-align: left;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .campaign_section .campaign_block .wrapper p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 124%;
    margin-top: 9px;
  }
}
.campaign_section .campaign_block img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  display: block;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .column-blocks .column {
    width: 100%;
  }
}
.actions_wrapper {
  width: 100%;
  min-height: 736px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .actions_wrapper {
    min-height: auto;
    padding: 20px 0;
    width: 95%;
    margin: auto;
  }
}

.wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-right: 5%;
  position: relative;
  margin-top: 70px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
  .wrapper {
    margin-right: 100px;
  }
}
@media only screen and (max-width: 992px) {
  .wrapper {
    flex-direction: column;
    margin-right: 0;
  }
}

.column_one {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 600px;
  flex: 0 0 auto;
}
@media only screen and (max-width: 768px) {
  .column_one {
    background-image: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .column_one {
    background-image: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .column_one {
    background-image: none !important;
  }
}
.column_one::before {
  background: rgba(229, 36, 59, 0.29);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: -50%;
}
@media only screen and (max-width: 768px) {
  .column_one::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .column_one::before {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .column_one::before {
    display: none;
  }
}
.column_one img {
  width: 100%;
  height: 100%;
  display: block;
}

.column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding-left: 80px;
  align-items: flex-start;
  flex: 1 0 auto;
  padding-left: 55%;
}
@media only screen and (max-width: 480px) {
  .column {
    align-items: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .column {
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .column {
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .column {
    align-items: center;
  }
}
.column ul {
  margin: 20px 10px;
  padding: 0;
}
.column ul li {
  color: #000;
  list-style: inside disc;
  font-size: 16px;
  line-height: 32.4px;
  margin-bottom: 2px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
}

.column img {
  width: 100%;
  height: auto;
}

.column h2 {
  margin-bottom: 20px;
  text-align: left;
  display: block;
  width: 100%;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
  color: #215e92;
}

.column p {
  font-size: 16px;
  line-height: 32.4px;
  text-align: left;
  margin-bottom: 2px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
}

.column .button-wrapper {
  border: none;
  background-color: #215e92;
  color: #ffffff;
  background: #215e92;
  border-radius: 2px;
  position: relative;
  top: 0;
  width: 160px;
  height: 45px;
  margin-bottom: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .column .button-wrapper {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .column .button-wrapper {
    align-self: flex-start;
  }
}
.column .button-wrapper h1 {
  font-size: 16px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .wrapper {
    margin-right: 100px;
  }
}
@media only screen and (max-width: 992px) {
  .wrapper {
    flex-direction: column;
    margin-right: 0;
  }
  .column {
    width: 100%;
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .actions_wrapper {
    height: auto;
    padding: 20px 0;
  }
  .column h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 124%;
    text-align: center;
  }
  .column p {
    font-size: 16px;
    text-align: center;
  }
  .column button {
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    padding: 8px 16px;
    position: relative;
    /* text-align: center; */
    margin: auto;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .column h2 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 32px;
    line-height: 124%;
    text-align: left;
  }
  .column p {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
  }
  .column button {
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    padding: 8px 16px;
    position: relative;
    /* text-align: center; */
    margin: auto;
    margin-bottom: 20px;
  }
}
.column:hover + .column_one img {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}

.accordion_wrapper {
  width: 100%;
  position: relative;
  background-color: rgba(193, 247, 213, 0.4);
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 480px) {
  .accordion_wrapper {
    padding-left: 15px;
  }
}
.accordion_wrapper .accordion_block {
  width: 95%;
  max-width: 1440px;
  margin: auto;
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .accordion_wrapper .accordion_block {
    max-width: 1240px;
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .accordion_wrapper .accordion_block {
    max-width: 1240px;
    width: 100%;
  }
}
.accordion_wrapper .accordion_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}
.accordion_wrapper .accordion_header .accordion_quotes {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 135%;
  color: #215e92;
  margin-bottom: 40px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .accordion_wrapper .accordion_header .accordion_quotes {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 135%;
  }
}
.accordion_wrapper .accordion_header p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 180%;
  color: #000000;
  margin-bottom: 40px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .accordion_wrapper .accordion_header p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
  }
}
.accordion_wrapper .act-button {
  background: #215e92;
  border-radius: 2px;
  padding: 5px 30px;
  border: none;
  position: absolute;
  top: -20px;
  display: none !important;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  text-transform: uppercase;
  width: 160px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accordion_wrapper .act-button h1 {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .accordion_wrapper .act-button {
    top: -15px;
  }
}

.landing .accordion_wrapper {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 480px) {
  .landing .accordion_wrapper {
    padding-left: 0px;
  }
}
.landing .accordion_wrapper .accordion_block {
  width: 95%;
  max-width: 1440px;
  margin: auto;
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .landing .accordion_wrapper .accordion_block {
    max-width: 1440px;
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .landing .accordion_wrapper .accordion_block {
    max-width: 1440px;
    width: 100%;
  }
}
.landing .accordion_wrapper .accordion_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}
.landing .accordion_wrapper .accordion_header .accordion_quotes {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 44px;
  line-height: 135%;
  color: #215e92;
  margin-bottom: 40px;
  text-align: center;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .landing .accordion_wrapper .accordion_header .accordion_quotes {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 135%;
  }
}
.landing .accordion_wrapper .accordion_header p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  color: #000000;
  margin-bottom: 40px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .landing .accordion_wrapper .accordion_header p {
    font-style: normal;
  }
}
.landing .accordion_wrapper .act-button {
  background: #215e92;
  border-radius: 2px;
  padding: 5px 30px;
  border: none;
  position: absolute;
  top: -20px;
  display: none !important;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  text-transform: uppercase;
  width: 160px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing .accordion_wrapper .act-button h1 {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .landing .accordion_wrapper .act-button {
    top: -15px;
  }
}
.landing .geo_h_accordion {
  overflow: hidden;
  margin: 0 auto;
  border-bottom: 1px solid #C7C7C7 !important;
}
.landing .geo_h_accordion a:hover {
  opacity: 0.7;
}
.landing .geo_h_accordion ul {
  margin: 20px 10px;
  padding: 0;
}
.landing .geo_h_accordion ul li {
  color: #000;
  list-style: inside disc;
  line-height: 34px;
  font-weight: 300;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  letter-spacing: -0.04em;
}
.landing .geo_h_accordion h3 {
  margin: 0;
  padding: 0;
  color: #000 !important;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 20px;
  line-height: 0px;
  letter-spacing: 0px;
  color: #3f3f3f;
}
@media only screen and (max-width: 480px) {
  .landing .geo_h_accordion h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .landing .geo_h_accordion h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing .geo_h_accordion h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .landing .geo_h_accordion h3 {
    font-size: 18px;
  }
}
.landing .geo_h_accordion h3:last-child {
  border-bottom: 1px solid #C7C7C7 !important;
}
.landing .geo_h_accordion_item {
  background-color: transparent;
  border: none;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top: 10px;
}
.landing .geo_h_accordion_item p {
  color: #1e1e1e;
  font-family: "Roboto";
  font-style: normal;
  color: #1e1e1e;
}
.landing .geo_h_accordion_item_readmore {
  overflow: hidden;
  display: block;
  padding: 5px 0;
  margin-bottom: 32px;
}
.landing .geo_h_accordion_item_readmore a {
  color: #1e1e1e !important;
  margin: 0;
  padding: 0 10px 0 0;
  font-family: "Roboto";
  font-style: normal;
  position: relative;
  text-decoration: none !important;
}
.landing .geo_h_accordion_item_readmore a:hover {
  opacity: 0.6 !important;
}
.landing .geo_h_accordion_item_readmore a::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -32px;
  font-size: 1.1em;
  color: #fff;
  background: url("https://www.unep.org/beatpollution/themes/custom/beatpollution/images/readmore_blue.svg") no-repeat;
  width: 33px;
  height: 33px;
}
.landing .geo_h_accordion .ui-accordion-header {
  padding: 20px 0;
  border-top: 1px solid #C7C7C7;
  cursor: pointer;
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom: none !important;
}
.landing .geo_h_accordion .ui-accordion-header:last-child {
  border-bottom: 1px solid #C7C7C7 !important;
}
.landing .geo_h_accordion .ui-icon {
  background-image: url("https://cdn.unenvironment.org/2023-03/ui-icons_444444_256x240.png");
  width: 17px;
  height: 17px;
  float: right;
}
.landing .geo_h_accordion .ui-icon-plus {
  background-position: -35px -125px;
  margin-right: 5px;
}
.landing .geo_h_accordion .ui-icon-minus {
  background-position: -45px -125px;
  margin-right: 5px;
}
.landing .geo_h_accordion .ui-state-default:last-child:last-child {
  border-bottom: 1px solid #C7C7C7 !important;
}
@media only screen and (max-width: 480px) {
  .landing .geo_h_accordion h3 {
    font-size: 25px !important;
  }
  .landing .geo_h_accordion_item p {
    font-size: 16px;
    line-height: 21px;
  }
  .landing .geo_h_accordion_item_readmore a {
    font-size: 16px;
    line-height: 21px;
  }
  .landing .geo_h_accordion_item_readmore a::after {
    top: -4px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .landing .geo_h_accordion h3 {
    font-size: 33px !important;
  }
  .landing .geo_h_accordion_item p {
    font-size: 20px;
    line-height: 23px;
  }
  .landing .geo_h_accordion_item_readmore a {
    font-size: 16px;
    line-height: 23px;
  }
  .landing .geo_h_accordion_item_readmore a::after {
    top: -3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing .geo_h_accordion h3 {
    font-size: 33px !important;
  }
  .landing .geo_h_accordion_item p {
    font-size: 16px;
    line-height: 25px;
  }
  .landing .geo_h_accordion_item_readmore a {
    font-size: 16px;
    line-height: 25px;
  }
  .landing .geo_h_accordion_item_readmore a::after {
    top: -7px;
  }
}

.report_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
  /* Adjust the gap between columns as needed */
}
.report_row .header {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.report_row .header h1 {
  font-size: 36px;
  font-family: "Roboto";
  font-style: normal;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 45px;
  line-height: 64px;
  letter-spacing: -0.04em;
  color: #000000;
}
.report_row .col {
  width: 50%;
  padding: 0 50px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.report_row .col h1 {
  font-size: 36px;
  font-family: "Roboto";
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 45px;
  line-height: 64px;
  letter-spacing: -0.04em;
  color: #000000;
}
.report_row .col .report_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 4px;
  display: flex;
  align-items: flex-start;
}
.report_row .col .report_container .block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: start;
  flex-basis: calc(33.33% - 10px);
  margin-right: 10px;
  margin-bottom: 20px;
  max-width: calc(33.33% - 10px);
}
.report_row .col .report_container .block__image {
  width: 100%;
  margin-bottom: 16px;
  object-fit: contain;
  height: 150px;
}
@media only screen and (max-width: 480px) {
  .report_row .col .report_container .block__image {
    object-fit: unset;
    height: 450px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .report_row .col .report_container .block__image {
    object-fit: cover;
    height: 500px;
  }
}
.report_row .col .report_container .block__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 180%;
  color: #000000;
  text-align: left;
}
.report_row .col_two {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .report_row .col_two {
    width: 100% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .report_row .col_two {
    width: 100% !important;
  }
}
.report_row .col_two h2 {
  font-size: 36px;
  font-family: "Roboto";
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 85px;
  letter-spacing: -0.04em;
  color: #000000;
}
@media only screen and (max-width: 480px) {
  .report_row .col_two h2 {
    text-align: left;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .report_row .col_two h2 {
    text-align: left;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .report_row .col_two h2 {
    padding-right: 35px;
    text-align: left;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .report_row .col_two h2 {
    padding-right: 35px;
    text-align: left;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .report_row .col_two h2 {
    padding-right: 35px;
    text-align: left;
  }
}
.report_row .col_two .report_container {
  display: flex;
  flex-wrap: wrap;
}
.report_row .col_two .report_container .block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: start;
  flex-basis: calc(50% - 10px);
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .report_row .col_two .report_container .block {
    flex-basis: calc(100% - 10px);
    max-width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 45px;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .report_row .col_two .report_container .block {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: center;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .report_row .col_two .report_container .block {
    flex-basis: calc(20% - 10px);
    max-width: 150px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .report_row .col_two .report_container .block {
    margin-right: 0px;
    max-width: 150px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .report_row .col_two .report_container .block {
    margin-right: 0px;
    max-width: 150px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .report_row .col_two .report_container .block {
    margin-right: 0;
    max-width: 150px;
  }
}
.report_row .col_two .report_container .block__image {
  width: 88%;
  max-width: 120px;
  margin-bottom: 16px;
  height: 130px;
}
@media only screen and (max-width: 480px) {
  .report_row .col_two .report_container .block__image {
    min-height: 470px;
    object-fit: unset;
    max-width: 100%;
    height: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .report_row .col_two .report_container .block__image {
    max-width: 600px;
    min-height: 485px;
    object-fit: contain;
    height: 500px;
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .report_row .col_two .report_container .block__image {
    width: auto;
    margin-bottom: 16px;
    max-width: 300px;
    margin-bottom: 16px;
    height: 350px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .report_row .col_two .report_container .block__image {
    width: 78px;
    max-width: 90px;
    margin-bottom: 16px;
    height: 100px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .report_row .col_two .report_container .block__image {
    width: 88%;
    max-width: 120px;
    margin-bottom: 16px;
    height: 130px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .report_row .col_two .report_container .block__image {
    width: 88%;
    max-width: 120px;
    margin-bottom: 16px;
    height: 130px;
  }
}
.report_row .col_two .report_container .block__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
  text-align: left;
  width: auto;
}
@media (max-width: 768px) {
  .report_row .col_two .report_container .block__title {
    margin: auto;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .report_row .col_two .report_container .block__title {
    width: 60%;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .report_row .col_two .report_container .block__title {
    font-size: 10px;
    line-height: 15px;
    width: auto;
  }
}

.report_section {
  width: 100%;
  margin: 0 auto;
  width: 95%;
  margin: 0 auto;
}
@media only screen and (max-width: 480px) {
  .report_section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .report_section {
    max-width: 1240px;
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .report_section {
    max-width: 1240px;
    width: 100%;
  }
}

.footer_top_section {
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
}

.footer_bottom_section {
  width: 100%;
  height: 60px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .footer_bottom_section {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .footer_bottom_section {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .footer_bottom_section {
    display: none;
  }
}

.footer_logo {
  width: 95%;
  margin: auto;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .footer_logo {
    max-width: 1240px;
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .footer_logo {
    max-width: 1240px;
    width: 100%;
  }
}
.footer_logo img {
  max-width: 100%;
  height: auto;
}
.footer_logo h2 {
  font-size: 36px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -0.04em;
  color: #000000;
}
@media only screen and (max-width: 480px) {
  .footer_logo h2 {
    text-align: left;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .footer_logo h2 {
    text-align: left;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .footer_logo h2 {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_logo h2 {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .footer_logo h2 {
    text-align: center;
  }
}
.footer_logo .logo-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .footer_logo .logo-container {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_logo .logo-container {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .footer_logo .logo-container {
    flex-wrap: nowrap;
  }
}
.footer_logo .logo-item {
  max-width: 20%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .footer_logo .logo-item {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .footer_logo .logo-item {
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .footer_logo .logo-item {
    max-width: 50%;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.footer_logo .logo-item img {
  height: auto;
  width: 120px;
  height: 100px;
  object-fit: contain;
  max-height: 40px;
}
@media only screen and (max-width: 480px) {
  .footer_logo .logo-item img {
    width: 100%;
    max-height: 90px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .footer_logo .logo-item img {
    width: 150px;
    height: 100px;
    object-fit: contain;
    max-height: 85px;
  }
}

@media only screen and (max-width: 768px) {
  .footer_logo {
    padding: 35px 0;
  }
  .footer_logo img {
    width: 100%;
  }
}
.footer_section {
  width: 100%;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
}
.footer_section .footer_top {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin: auto;
}
.footer_section .footer_top .footer_col2 {
  width: 100%;
  background-color: #ccc;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.footer_section .footer_top .footer_col2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background-color: transparent !important;
  z-index: -1;
}
.footer_section .footer_top .footer_top_left,
.footer_section .footer_top .footer_top_icon {
  width: 50%;
}
.footer_section .footer_top .footer_top_left .social-icons,
.footer_section .footer_top .footer_top_icon .social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_section .footer_top .footer_top_left .social-icons .icon,
.footer_section .footer_top .footer_top_icon .social-icons .icon {
  font-size: 16px;
  margin: 0 0.5rem;
  color: #333;
  transition: color 0.3s;
}
.footer_section .footer_top .footer_top_left .social-icons .icon .fa,
.footer_section .footer_top .footer_top_icon .social-icons .icon .fa {
  color: #00aeef !important;
}
.footer_section .footer_top .footer_top_left .social-icons .icon:hover,
.footer_section .footer_top .footer_top_icon .social-icons .icon:hover {
  color: #00aeef;
  /* Twitter */
}
.footer_section .footer_top .footer_top_left .social-icons .icon.facebook:hover,
.footer_section .footer_top .footer_top_icon .social-icons .icon.facebook:hover {
  color: #00aeef;
}
.footer_section .footer_top .footer_top_left .social-icons .icon.instagram:hover,
.footer_section .footer_top .footer_top_icon .social-icons .icon.instagram:hover {
  color: #00aeef;
}
.footer_section .footer_top .footer_top_left .social-icons .icon.youtube:hover,
.footer_section .footer_top .footer_top_icon .social-icons .icon.youtube:hover {
  color: #00aeef;
}
.footer_section .footer_top .footer_top_left p {
  font-size: 14px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: 700;
  color: #215e92;
}
.footer_section .footer_top .footer_top_wrapper {
  width: 90%;
  max-width: 1440px;
  margin: auto;
  display: flex;
}
.footer_section .footer_top .footer_col_transparent {
  width: 33%;
}
@media (max-width: 768px) {
  .footer_section .footer_top .footer_col2 {
    width: 100%;
  }
  .footer_section .footer_top .footer_col_transparent {
    display: none;
  }
}

.footer_row {
  display: flex;
  width: 90%;
  flex-direction: row;
  max-width: 1440px;
  margin: auto;
}
.footer_row .footer_col2 {
  width: 66.66%;
  background-color: #ccc;
}
.footer_row .footer_col_transparent {
  width: 33.33%;
  background-color: transparent;
}

.footer_col_transparent {
  width: 33.33%;
  background-color: transparent;
}

.footer_container {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin: auto;
  background-color: #215e92;
}
.footer_container .footer_row {
  display: flex;
  width: 90%;
  min-height: 260px;
  margin: auto;
}
@media only screen and (max-width: 480px) {
  .footer_container .footer_row {
    flex-direction: column;
    width: 90%;
    padding-left: 0px;
    height: 100%;
    max-width: 1440px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .footer_container .footer_row {
    flex-direction: column;
    width: 100%;
    padding-left: 35px;
    height: 100%;
    max-width: 1440px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .footer_container .footer_row {
    flex-direction: column;
    width: 100%;
    padding-left: 35px;
    height: 100%;
    max-width: 1440px;
    padding-bottom: 10px;
  }
}

.footer_col {
  flex: 1;
  padding: 10px;
}

.footer_row_content {
  width: 100%;
  position: relative;
}

.footer_col_content {
  width: 52%;
  flex-direction: column;
  display: flex;
  -ms-flex-align: center;
  align-items: start;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 20px;
}
@media only screen and (max-width: 480px) {
  .footer_col_content {
    width: 95%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .footer_col_content {
    width: 95%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_col_content {
    width: 95%;
  }
}

.footer_content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_content p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}

.footer_col {
  width: 33.33%;
}

.footer_col_logo {
  width: 18%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 480px) {
  .footer_col_logo {
    width: 30%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .footer_col_logo {
    width: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_col_logo {
    width: 30%;
  }
}
.footer_col_logo svg {
  width: 150px;
  height: 150px;
}
@media only screen and (max-width: 991px) {
  .footer_col_logo svg {
    height: 110px;
  }
}

.footer_links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.footer_links a {
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
  font-family: "Roboto";
  font-weight: 500;
  margin-right: 25px;
  line-height: 110%;
}
.footer_links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer_links ul li {
  display: inline-block;
  margin: 0 10px;
}
.footer_links ul li a {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.footer_links ul li a:hover {
  color: #ccc;
}

.footer-newsletter {
  left: 0;
  right: 0;
  z-index: 15;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  height: 100%;
  min-height: 430px;
  position: absolute;
  background-color: #215e92;
  width: 345px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 40px;
  position: absolute;
  background-color: #005696;
  top: -25%;
  padding-top: 20px;
}
@media only screen and (max-width: 480px) {
  .footer-newsletter {
    min-height: 300px;
    background-color: #215e92;
    width: 100%;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    background-color: transparent;
    padding-top: 0px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .footer-newsletter {
    min-height: 300px;
    background-color: #215e92;
    width: 100%;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    background-color: transparent;
    padding-top: 0px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .footer-newsletter {
    min-height: 300px;
    background-color: #215e92;
    width: 100%;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    background-color: transparent;
    padding-top: 0px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .footer-newsletter {
    right: 0%;
    width: 300px;
  }
}
.footer-newsletter h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #fff;
  font-family: "Roboto";
  font-weight: 400;
  line-height: 110%;
}
.footer-newsletter p {
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 0px;
  margin-left: 0px;
}
.footer-newsletter label {
  font-weight: normal;
  margin-bottom: 0.2rem;
  color: #fff;
  font-size: 14px;
  line-height: 110%;
}
.footer-newsletter .webform-button--submit {
  background-color: #000;
  border: none;
  border-radius: 0px;
  color: #fff;
  padding: 0.7rem;
  transition: background-color 0.2s ease;
  font-family: "Montserrat";
  font-style: bold;
  font-weight: 500;
  font-size: 12px;
}
.footer-newsletter input {
  border: none;
  border-bottom: 1px solid black;
  font-size: 1rem;
  padding: 0.2rem;
}
.footer-newsletter input[type=text],
.footer-newsletter input[type=email] {
  position: relative;
  border: none;
  outline: none;
  background: none;
  width: 100%;
  height: 35px;
  margin-bottom: 15px;
  color: #fff;
  border-bottom: 1px solid #fff !important;
}
.footer-newsletter input[type=text]::after,
.footer-newsletter input[type=email]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.footer-newsletter input[type=text]::before,
.footer-newsletter input[type=email]::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #ccc;
}

.footer_col_form {
  width: 30%;
  position: relative;
  justify-content: flex-end;
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 480px) {
  .footer_col_form {
    width: 100%;
    position: relative;
    justify-content: flex-end;
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .footer_col_form {
    width: 50%;
    position: relative;
    justify-content: flex-end;
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .footer_col_form {
    width: 50%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer_col_form {
    width: 30%;
  }
}

.copy-right {
  width: 90%;
  max-width: 1440px;
  margin: auto;
}
.copy-right p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

.item_cubes {
  padding: 8.9%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-content: flex-start;
  height: 100%;
  width: 100%;
}
.item_cubes .item_text_toplevel {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.item_cubes .item_text_toplevel .type {
  padding: 5px 18px;
  background-color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #3f3f3f;
}
.item_cubes .item_text_toplevel .seeall {
  padding: 5px 18px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  margin-left: auto;
}
.item_cubes .item_text_toplevel .seeall a {
  color: #fff;
}
.item_cubes .box_one_text {
  position: absolute;
  bottom: 50px;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: wrap;
  align-content: flex-start;
  height: auto;
  color: #fff;
  padding: 25px;
}
.item_cubes .box_one_text h4 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.005em;
  color: #ffffff;
}
.item_cubes .box_one_readmore {
  position: absolute;
  bottom: 10px;
  display: block;
  margin-top: 5px;
  padding: 25px;
  left: 0;
}
.item_cubes .box_one_readmore a {
  color: #fff !important;
}
.item_cubes .box_one_readmore a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 768px) {
  .item_cubes .box_one_readmore {
    display: none;
  }
}
.item_cubes .box_one_readmore a::after {
  content: "";
  position: absolute;
  top: 25px;
  right: -10px;
  font-size: 1.1em;
  color: #fff;
  background: url(https://www.unep.org/geo/themes/custom/geo/images/readmore.svg) no-repeat !important;
  width: 25px;
  height: 25px;
  opacity: 1 !important;
}

.webform-submission-form {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 1rem;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .webform-submission-form {
    flex-direction: column;
  }
}
.webform-submission-form .webform-button--submit {
  background-color: #ffb800;
  color: #000;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 44px;
  padding: 12px px 20px;
  border-radius: 3px;
  margin-top: 1rem !important;
  width: 100%;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .webform-submission-form .webform-button--submit {
    font-size: 11px;
    margin: 0 !important;
    width: 130px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .webform-submission-form .webform-button--submit {
    font-size: 11px;
    margin: 0 !important;
    width: 130px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .webform-submission-form .webform-button--submit {
    font-size: 16px;
    margin: 0 !important;
    width: 130px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .webform-submission-form .webform-button--submit {
    font-size: 16px;
    margin: 0 !important;
    width: 130px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .webform-submission-form .webform-button--submit {
    font-size: 16px;
    margin: 0 !important;
    width: 130px;
  }
}
@media (min-width: 1551px) {
  .webform-submission-form .webform-button--submit {
    width: 130px;
  }
}
.webform-submission-form div[data-drupal-messages=""] {
  position: absolute;
  /* Add the desired positioning properties */
  right: 59%;
  bottom: 0px;
  width: 100%;
  /* Add any other styles you want for the div element */
}
.webform-submission-form div[data-drupal-messages=""] ul {
  font-size: 11px;
  right: 10px;
  color: #fff;
  font-family: "Roboto";
  position: absolute;
  right: 0;
  left: 0;
  width: auto;
  text-align: left;
  margin-top: -10px;
  font-weight: 700;
}
.webform-submission-form .webform-flex--container {
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .webform-submission-form .webform-flex--container {
    flex-direction: column;
    margin-top: 1rem;
  }
}
.webform-submission-form .webform-flex--container .form-item {
  padding-right: 12px;
}
@media only screen and (max-width: 480px) {
  .webform-submission-form .webform-flex--container .form-item {
    padding-right: 0px;
  }
}
.webform-submission-form .webform-flex--container .form-item [type=color],
.webform-submission-form .webform-flex--container .form-item [type=date],
.webform-submission-form .webform-flex--container .form-item [type=datetime],
.webform-submission-form .webform-flex--container .form-item [type=email],
.webform-submission-form .webform-flex--container .form-item [type=month],
.webform-submission-form .webform-flex--container .form-item [type=number],
.webform-submission-form .webform-flex--container .form-item [type=password],
.webform-submission-form .webform-flex--container .form-item [type=search],
.webform-submission-form .webform-flex--container .form-item [type=tel],
.webform-submission-form .webform-flex--container .form-item [type=text],
.webform-submission-form .webform-flex--container .form-item [type=time],
.webform-submission-form .webform-flex--container .form-item [type=url],
.webform-submission-form .webform-flex--container .form-item [type=button],
.webform-submission-form .webform-flex--container .form-item [type=reset],
.webform-submission-form .webform-flex--container .form-item [type=submit],
.webform-submission-form .webform-flex--container .form-item textarea {
  margin: auto !important;
}
.webform-submission-form .webform-flex--container .form-item > input:not([type=checkbox]) {
  border-radius: 3px;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .webform-submission-form .webform-flex--container .form-item > input:not([type=checkbox]) {
    font-size: 11px;
    min-width: auto;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .webform-submission-form .webform-flex--container .form-item > input:not([type=checkbox]) {
    font-size: 16px;
    min-width: auto;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .webform-submission-form .webform-flex--container .form-item > input:not([type=checkbox]) {
    font-size: 16px;
    min-width: auto;
  }
}

.report-slider {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (max-width: 480px) {
  .report-slider {
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .report-slider {
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .report-slider {
    padding-top: 2rem;
  }
}

.report-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e4f0e1;
  z-index: 1;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .report-slider::before {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .report-slider::before {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .report-slider::before {
    width: 90%;
    height: 95%;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
  .report-slider::before {
    width: 90%;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .report-slider::before {
    width: 90%;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .report-slider::before {
    width: 95%;
  }
}
@media screen and (min-width: 1701px) and (max-width: 1920px) {
  .report-slider::before {
    width: 95%;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {
  .report-slider::before {
    width: 92%;
  }
}
@media screen and (min-width: 3072px) and (max-width: 3840px) {
  .report-slider::before {
    width: 83%;
  }
}
@media screen and (min-width: 3841px) and (max-width: 4607px) {
  .report-slider::before {
    width: 83%;
  }
}
@media screen and (min-width: 4608px) {
  .report-slider::before {
    width: 80%;
  }
}

.actions a {
  color: #00aeef;
}
.actions a:hover {
  opacity: 0.7;
}
.actions ul {
  margin-left: 2rem;
}
.actions ul li {
  margin-bottom: 2px;
  color: #000;
  list-style: inside disc;
  font-size: 14px;
  line-height: 32.4px;
  margin-bottom: 2px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
}
@media only screen and (min-width: 480px) {
  .actions ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .actions ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .actions ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .actions ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .actions ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .actions ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .actions ul li {
    font-size: 14px;
  }
}
.actions p {
  font-size: 14px;
  line-height: 32.4px;
  text-align: left;
  margin-bottom: 2px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
}
@media only screen and (min-width: 480px) {
  .actions p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .actions p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .actions p {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .actions p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .actions p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .actions p {
    font-size: 14px;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .actions p {
    font-size: 14px;
  }
}

.landing {
  /* Beat Pollution Interactive Block*/
}
.landing .yb_ab_btinteractive {
  margin: 0;
  padding: 0;
}
.landing .yb_ab_btinteractive_wrap {
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 5%;
}
.landing .yb_ab_btinteractive_item {
  width: 30%;
  position: relative;
  border: 0px solid #0083b3;
  margin: 0 29px 29px 0;
}
.landing .yb_ab_btinteractive_item_content {
  position: relative;
}
.landing .yb_ab_btinteractive_item_content_image {
  margin: 0;
  padding: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.landing .yb_ab_btinteractive_item_content_image img {
  width: auto !important;
  height: 300px !important;
  display: block;
  margin: 0 !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  object-fit: cover !important;
}
@media only screen and (max-width: 480px) {
  .landing .yb_ab_btinteractive_item_content_image img {
    height: 200px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .landing .yb_ab_btinteractive_item_content_image img {
    height: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing .yb_ab_btinteractive_item_content_image img {
    height: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .landing .yb_ab_btinteractive_item_content_image img {
    height: 230px;
  }
}
.landing .yb_ab_btinteractive_item_content_body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 16px 16px 16px;
}
.landing .yb_ab_btinteractive_item_content_body h2 {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: 600;
}
@media only screen and (max-width: 480px) {
  .landing .yb_ab_btinteractive_item_content_body h2 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .landing .yb_ab_btinteractive_item_content_body h2 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing .yb_ab_btinteractive_item_content_body h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .landing .yb_ab_btinteractive_item_content_body h2 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  .landing .yb_ab_btinteractive_item_content_body h2 {
    font-size: 31px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1550px) {
  .landing .yb_ab_btinteractive_item_content_body h2 {
    font-size: 31px;
  }
}
.landing .yb_ab_btinteractive_item_content_body h2::after {
  font-family: "FontAwesome";
  content: "\f178";
  position: absolute;
  top: auto;
  bottom: -18px;
  left: 2px;
  font-size: 0.9em;
  color: #fff;
}
.landing .yb_ab_btinteractive_item_content_body p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #fff;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.landing .yb_ab_btinteractive_item_content_body a {
  color: #fff !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.landing .yb_ab_btinteractive_item_content_body a:hover {
  color: #fff !important;
  opacity: 0.6;
  text-decoration: none !important;
}
.landing .yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_image img {
  border-radius: 20px;
  transform: scale(1.2);
  position: relative;
  z-index: 1;
  opacity: 1 !important;
}
.landing .yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 16px 16px 16px;
  z-index: 1;
}
.landing .yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_body p, .landing .yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_body a {
  opacity: 1;
  display: block;
  visibility: visible;
}
.landing .yb_ab_btinteractive_item:nth-child(3n) {
  margin-right: 0;
}
.landing .yb_ab_btinteractive_box {
  overflow: hidden;
  width: auto;
  margin: 0 auto;
  padding: 3px;
}
.landing .yb_ab_btinteractive_box_row {
  margin: 5px;
}
.landing .yb_ab_btinteractive_box_image {
  margin: 0;
  padding: 0;
  position: relative;
}
.landing .yb_ab_btinteractive_box_image img {
  width: 100%;
  height: 300px !important;
  display: block;
  margin: 0 !important;
  object-fit: cover !important;
  overflow: hidden;
}
.landing .yb_ab_btinteractive_box_image_text {
  position: absolute;
  bottom: 30%;
  left: 4%;
  right: 0;
  margin: 0 16px 16px 16px;
  width: 50%;
}
.landing .yb_ab_btinteractive_box_image_text h2 {
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: 600;
}
.landing .yb_ab_btinteractive_box_image_text p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
}
.landing .yb_ab_btinteractive_box_wrap {
  margin: 10px auto 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.landing .yb_ab_btinteractive_box_item {
  width: 80%;
  padding: 20px;
  margin: 0 16px 10px 0;
  border-radius: 10px;
  box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
  -webkit-box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
  -moz-box-shadow: 1px 20px 38px 3px rgba(245, 245, 245, 0.7);
}
.landing .yb_ab_btinteractive_box_item:nth-child(3n) {
  margin-right: 0;
}
.landing .yb_ab_btinteractive_box_item_number {
  display: block;
  background-color: #000;
  width: 31px;
  color: #fff;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 8px;
  border-radius: 50%;
  text-align: center;
  min-height: 20px;
}
.landing .yb_ab_btinteractive_box_item h4 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
}
.landing .yb_ab_btinteractive_box p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.landing .yb_ab_btinteractive_box a {
  color: #0084b4;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  opacity: 1;
}
.landing .yb_ab_btinteractive_box a:hover {
  opacity: 0.6;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .landing .yb_ab_btinteractive_wrap {
    display: block;
    padding: 0 6%;
  }
  .landing .yb_ab_btinteractive_item {
    width: auto;
    margin: 0 0 2px 0;
    margin-right: 0;
  }
  .landing .yb_ab_btinteractive_item:hover .yb_ab_btinteractive_item_content_image img {
    transform: scale(1.1);
  }
  .landing .yb_ab_btinteractive_box_wrap {
    margin: 0 auto;
  }
  .landing .yb_ab_btinteractive_box_image_text {
    bottom: 21%;
    width: 70%;
  }
  .landing .yb_ab_btinteractive_box_item {
    width: auto;
    padding: 10px 15px 15px 15px;
    margin: 0 0 10px 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .landing .yb_ab_btinteractive_item {
    width: 48.5%;
    margin: 0 1px 1px 0;
  }
  .landing .yb_ab_btinteractive_item:nth-child(2n) {
    margin-right: 0;
  }
  .landing .yb_ab_btinteractive_item:nth-child(3n) {
    margin-right: 1px;
  }
  .landing .yb_ab_btinteractive_item:last-child {
    margin-right: 0 !important;
  }
  .landing .yb_ab_btinteractive_box_wrap {
    margin: 0 auto;
  }
  .landing .yb_ab_btinteractive_box_image_text {
    bottom: 21%;
    width: 70%;
  }
  .landing .yb_ab_btinteractive_box_item {
    width: auto;
    padding: 10px 15px 15px 15px;
    margin: 0 0 10px 0;
  }
}

.modal-bg {
  background-color: #000;
  bottom: 0;
  position: fixed;
  left: 0;
  opacity: 0.8;
  right: 0;
  top: 0;
  z-index: 1;
}

.two-col p {
  font-size: 14px !important;
  font-family: "Montserrat";
  color: #1e1e1e;
  font-weight: 300;
  line-height: 1.5em;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .two-col p {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .two-col p {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
  .two-col p {
    font-size: 18px !important;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .two-col p {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .two-col p {
    font-size: 18px !important;
  }
}

.one-col p {
  font-size: 14px !important;
  font-family: "Montserrat";
  color: #fff !important;
  font-weight: 300 !important;
  line-height: 1.5em;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .one-col p {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .one-col p {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
  .one-col p {
    font-size: 18px !important;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .one-col p {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .one-col p {
    font-size: 18px !important;
  }
}
.one-col p a {
  color: #EFEFEF;
}

.highlight {
  color: #025798 !important;
  font-size: 25px;
  background-color: #A5DA81;
  padding: 2px 1px;
  display: inline-block;
  text-decoration: none;
  font-weight: 900 !important;
  font-family: "Montserrat";
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1em;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .highlight {
    font-size: 24px;
    padding: 8px 16px;
  }
}
@media (max-width: 768px) {
  .highlight {
    font-size: 24px;
    padding: 8px 16px;
  }
}
@media (max-width: 480px) {
  .highlight {
    font-size: 18px;
    padding: 6px 12px;
  }
}

.link-footer a {
  font-weight: normal;
}

.link-footer a:hover {
  text-decoration: underline;
}

.footer-res {
  border-right: 1px solid #025798;
  padding-right: 10px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  height: 12px;
  margin-bottom: 14px;
}
@media (max-width: 480px) {
  .footer-res {
    border-right: none;
    padding-right: 0;
    display: flex;
    margin-bottom: 14px;
    /* align-items: self-start; */
    height: 30px;
    justify-content: center;
    text-align: center;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .footer-res {
    border-right: none;
    padding-right: 0;
    display: flex;
    margin-bottom: 14px;
    /* align-items: self-start; */
    height: 30px;
    justify-content: center;
    text-align: center;
  }
}
.footer-res a {
  color: #025798;
  font-size: 14px;
  font-weight: normal;
  font-family: "Robot0", sans-serif;
  line-height: 1.4;
}
.footer-res a:hover {
  text-decoration: underline;
}

.footer-res:last-child {
  border-right: none;
}

/* Base Styles for Navigation */
.navbar-nav {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .navbar-nav {
    flex-direction: column;
  }
}

.nav-item {
  position: relative;
}

.nav-link {
  display: block;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  border: none;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 18px;
  line-height: 22.32px;
  letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
  .nav-link {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
  }
}

.nav-link:hover,
.nav-link.active {
  color: #007bff;
}
@media screen and (max-width: 767px) {
  .nav-link:hover,
  .nav-link.active {
    color: #fff;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .nav-link.is-active {
    color: #007bff;
  }
}
/* Dropdown Menu Styles */
.hs-sub-menu {
  position: absolute;
  top: 100%;
  min-width: 200px;
  padding: 0;
  margin: 0;
  display: none;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 100;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .hs-sub-menu {
    position: relative;
    top: auto;
    left: auto;
    /* Ensure it takes full width on smaller screens */
    text-align: center;
  }
}
.dropdown-open > .hs-sub-menu {
  display: block;
}

.u-header__sub-menu-list-item {
  padding: 0;
}

.u-header__sub-menu-list-item:hover {
  background-color: #f8f9fa;
}

.fa-angle-down {
  margin-left: 5px;
}

/* Icon rotation on hover */
.nav-link .fa-angle-down {
  transition: transform 0.3s ease;
}

.nav-item:hover .fa-angle-down {
  transform: rotate(180deg);
}

/* Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.hs-sub-menu.animated {
  animation-duration: 0.3s;
}

.hs-sub-menu[data-animation-in=fadeInUp] {
  animation-name: fadeInUp;
}

.hs-sub-menu[data-animation-out=fadeOut] {
  animation-name: fadeOut;
}

.dropdown-item a {
  text-decoration: none;
  display: block;
  color: #005696;
  font-size: 15px;
  padding: 16px 20px;
  font-weight: 600;
  transition: all ease-in-out 0.3s;
  line-height: 1.5;
}

/* Mobile Menu Styles */
/* Mobile Menu Styles */
.mobile_menu2 {
  display: none;
  height: 0;
  transition: all 0.3s ease;
  overflow-y: auto;
  max-height: 100vh;
  background-color: #215E92;
  z-index: 1000;
  padding: 60px 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.mobile_menu2.open {
  display: block;
  height: 100vh;
}
.mobile_menu2 .navbar-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.mobile_menu2 .navbar-nav .nav-item {
  width: 100%;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  margin: 0;
  transition: all 0.3s ease;
}
.mobile_menu2 .navbar-nav .nav-item:hover, .mobile_menu2 .navbar-nav .nav-item.active {
  background-color: rgba(255, 255, 255, 0.1);
}
.mobile_menu2 .navbar-nav .nav-item > a, .mobile_menu2 .navbar-nav .nav-item > span {
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 20px;
  display: block;
  width: 100%;
  text-decoration: none;
  position: relative;
  letter-spacing: 0.5px;
}
.mobile_menu2 .navbar-nav .nav-item > a:active, .mobile_menu2 .navbar-nav .nav-item > span:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.mobile_menu2 .navbar-nav .nav-item.hs-has-sub-menu > span, .mobile_menu2 .navbar-nav .nav-item.hs-has-sub-menu > a {
  padding-right: 40px;
}
.mobile_menu2 .navbar-nav .nav-item.hs-has-sub-menu .fa-angle-down {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  color: #FFFFFF;
  font-size: 18px;
}
.mobile_menu2 .navbar-nav .nav-item.hs-has-sub-menu.dropdown-open .fa-angle-down {
  transform: translateY(-50%) rotate(180deg);
}
.mobile_menu2 .navbar-nav .nav-item.hs-has-sub-menu.dropdown-open > .hs-sub-menu {
  display: block;
  max-height: 1000px;
  opacity: 1;
}
.mobile_menu2 .navbar-nav .hs-sub-menu {
  background: rgba(255, 255, 255, 0.05);
  margin: 0;
  padding: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile_menu2 .navbar-nav .hs-sub-menu .dropdown-item {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
}
.mobile_menu2 .navbar-nav .hs-sub-menu .dropdown-item a {
  color: #FFFFFF;
  padding: 12px 20px;
  font-size: 14px;
  opacity: 0.9;
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile_menu2 .navbar-nav .hs-sub-menu .dropdown-item a:hover, .mobile_menu2 .navbar-nav .hs-sub-menu .dropdown-item a:active {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
}
.mobile_menu2 .navbar-nav .hs-sub-menu .dropdown-item:last-child a {
  border-bottom: none;
}
.mobile_menu2 .mobile-menu-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px 20px;
  background: #215E92;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 1001;
}
.mobile_menu2 .mobile-menu-header .mobile-menu-title {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}
.mobile_menu2 .mobile-menu-header .mobile-menu-close {
  background: none;
  border: none;
  color: #FFFFFF;
  font-size: 24px;
  padding: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.mobile_menu2 .mobile-menu-header .mobile-menu-close .close-icon {
  font-size: 20px;
}
.mobile_menu2 .mobile-menu-header .mobile-menu-close .close-text {
  font-size: 14px;
  font-weight: 500;
}
.mobile_menu2 .mobile-menu-header .mobile-menu-close:hover {
  opacity: 0.8;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.inner-page-container {
  background-color: #F6F6F6;
  /* Blue Box Container Styling */
  /* General List Styling (applies to both ul and ol) */
  /* Unordered List (ul) Styling */
  /* Ordered List (ol) Styling */
  /* Responsive adjustments */
  /* Figure styling */
  /* Figure alignment options */
  /* Images within figures */
  /* Caption styling */
  /* For invalid/removed images (as in your example) */
  /* Responsive adjustments */
  /* Base styling for Related News section */
  /* Heading styling - Full width to ensure cards appear below */
  /* Content wrapper - Force items to wrap with flex */
  /* News item styling - Fixed width with flex basis */
  /* Image container */
  /* Text content */
  /* Meta information (STORY tag) */
  /* Headline styling */
  /* Responsive adjustments - 2 cards on medium screens, 3 on large */
}
.inner-page-container .interactive-component-wrapper .yb_ab_btinteractive_item_content_body h3,
.inner-page-container .interactive-component-wrapper .yb_ab_btinteractive_item_content_body p,
.inner-page-container .interactive-component-wrapper .yb_ab_btinteractive_item_content_body a {
  color: #ffffff;
}
.inner-page-container .interactive-component-wrapper .yb_ab_btinteractive_box_image_text h3,
.inner-page-container .interactive-component-wrapper .yb_ab_btinteractive_box_image_text p {
  color: #ffffff;
}
.inner-page-container .breadcrumb {
  z-index: 10;
}
.inner-page-container .breadcrumb nav[role=navigation] {
  margin: 0;
  padding: 0;
}
.inner-page-container .breadcrumb .visually-hidden {
  display: none;
}
.inner-page-container .breadcrumb ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.inner-page-container .breadcrumb ol li {
  display: inline-flex;
  align-items: center;
}
.inner-page-container .breadcrumb ol li:first-child a {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 11px;
  line-height: 17.6px;
  letter-spacing: 1.5px;
  color: #ffffff;
  opacity: 0.6;
  text-decoration: none;
  transition: opacity 0.3s ease;
  text-transform: uppercase;
}
@media screen and (min-width: 480px) {
  .inner-page-container .breadcrumb ol li:first-child a {
    font-size: 11px;
    line-height: 17.6px;
    letter-spacing: 1.5px;
  }
}
@media screen and (min-width: 768px) {
  .inner-page-container .breadcrumb ol li:first-child a {
    font-size: 11px;
    line-height: 17.6px;
    letter-spacing: 1.5px;
  }
}
@media screen and (min-width: 1024px) {
  .inner-page-container .breadcrumb ol li:first-child a {
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 1.7px;
  }
}
@media screen and (min-width: 1280px) {
  .inner-page-container .breadcrumb ol li:first-child a {
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 1.7px;
  }
}
@media screen and (min-width: 1536px) {
  .inner-page-container .breadcrumb ol li:first-child a {
    font-size: 14px;
    line-height: 22.4px;
    letter-spacing: 2px;
  }
}
.inner-page-container .breadcrumb ol li:not(:first-child) a {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 11px;
  line-height: 17.6px;
  letter-spacing: 1.5px;
  color: #ffffff;
  opacity: 1;
  text-decoration: none;
  min-width: auto;
  width: auto;
  white-space: nowrap;
  display: inline-block;
  text-transform: uppercase;
}
@media screen and (min-width: 480px) {
  .inner-page-container .breadcrumb ol li:not(:first-child) a {
    font-size: 11px;
    line-height: 17.6px;
    letter-spacing: 1.5px;
    min-width: 80px;
  }
}
@media screen and (min-width: 768px) {
  .inner-page-container .breadcrumb ol li:not(:first-child) a {
    font-size: 11px;
    line-height: 17.6px;
    letter-spacing: 1.5px;
    min-width: 85px;
  }
}
@media screen and (min-width: 1024px) {
  .inner-page-container .breadcrumb ol li:not(:first-child) a {
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 1.7px;
    min-width: 90px;
  }
}
@media screen and (min-width: 1280px) {
  .inner-page-container .breadcrumb ol li:not(:first-child) a {
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 1.7px;
    min-width: 95px;
  }
}
@media screen and (min-width: 1536px) {
  .inner-page-container .breadcrumb ol li:not(:first-child) a {
    font-size: 14px;
    line-height: 22.4px;
    letter-spacing: 2px;
    min-width: 101px;
  }
}
.inner-page-container .breadcrumb ol li:not(:last-child)::after {
  content: "/";
  color: #ffffff;
  margin: 0 6px;
  opacity: 0.6;
}
@media screen and (min-width: 480px) {
  .inner-page-container .breadcrumb ol li:not(:last-child)::after {
    margin: 0 6px;
  }
}
@media screen and (min-width: 768px) {
  .inner-page-container .breadcrumb ol li:not(:last-child)::after {
    margin: 0 7px;
  }
}
@media screen and (min-width: 1024px) {
  .inner-page-container .breadcrumb ol li:not(:last-child)::after {
    margin: 0 8px;
  }
}
@media screen and (min-width: 1280px) {
  .inner-page-container .breadcrumb ol li:not(:last-child)::after {
    margin: 0 8px;
  }
}
@media screen and (min-width: 1536px) {
  .inner-page-container .breadcrumb ol li:not(:last-child)::after {
    margin: 0 10px;
  }
}
.inner-page-container .breadcrumb ol li a:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .inner-page-container .breadcrumb {
    left: 15px;
    top: 100px;
  }
}
@media screen and (min-width: 768px) {
  .inner-page-container .breadcrumb {
    left: 20px;
    top: 120px;
  }
}
.inner-page-container .content-area {
  /* Target the div with property="schema:text" that contains paragraphs */
  /* h1 styling (provided for reference) */
  /* h2 styling */
  /* h3 styling */
  /* h4 styling */
  /* h5 styling */
  /* Responsive styles */
  /* Unordered List (ul) styling within paragraphs */
  /* Ordered List (ol) styling within paragraphs */
  /* Nested list styling (lists within lists) */
  /* For nested unordered lists, use a different bullet style */
  /* For nested ordered lists within unordered lists */
  /* Responsive adjustments */
  /* Standalone ordered list styling */
  /* Styling for links within list items */
  /* Nested list styling */
  /* For nested unordered lists, use a different bullet style */
  /* For nested ordered lists */
  /* Responsive adjustments */
}
.inner-page-container .content-area a {
  color: #215E92;
  transition: opacity 0.3s ease;
  font-weight: 600;
}
.inner-page-container .content-area a:hover {
  opacity: 0.7;
}
.inner-page-container .content-area .section {
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
  .inner-page-container .content-area .section {
    margin-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .inner-page-container .content-area .section {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .inner-page-container .content-area .section {
    margin-bottom: 6rem;
  }
}
.inner-page-container .content-area div[property="schema:text"] {
  margin-bottom: 1.5rem; /* 24px - default */
}
@media (min-width: 640px) {
  .inner-page-container .content-area div[property="schema:text"] {
    margin-bottom: 2.5rem; /* 40px for sm screens */
  }
}
@media (min-width: 768px) {
  .inner-page-container .content-area div[property="schema:text"] {
    margin-bottom: 4rem; /* 64px for md screens */
  }
}
@media (min-width: 1024px) {
  .inner-page-container .content-area div[property="schema:text"] {
    margin-bottom: 5rem; /* 80px for lg screens */
  }
}
.inner-page-container .content-area h1, .inner-page-container .content-area h2, .inner-page-container .content-area h3, .inner-page-container .content-area h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #000000;
}
.inner-page-container .content-area h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700; /* font-bold */
  font-size: 1.25rem; /* text-xl */
  line-height: 1.25; /* leading-tight */
  color: #215E92;
}
.inner-page-container .content-area h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600; /* font-semibold */
  font-size: 1.125rem; /* text-lg */
  line-height: 1.375; /* leading-snug */
  color: #215E92;
}
.inner-page-container .content-area h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600; /* font-semibold */
  font-size: 1rem; /* text-base */
  line-height: 1.5; /* leading-normal */
  color: #215E92;
}
.inner-page-container .content-area h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500; /* font-medium */
  font-size: 0.875rem; /* text-sm */
  line-height: 1.5; /* leading-normal */
  color: #215E92;
}
.inner-page-container .content-area h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500; /* font-medium */
  font-size: 0.75rem; /* text-xs */
  line-height: 1.5; /* leading-normal */
  color: #215E92;
}
@media (min-width: 640px) {
  .inner-page-container .content-area h1 {
    font-size: 1.5rem; /* sm:text-2xl */
    line-height: 1.25; /* sm:leading-tight */
  }
  .inner-page-container .content-area h2 {
    font-size: 1.25rem; /* sm:text-xl */
    line-height: 1.375; /* sm:leading-snug */
  }
  .inner-page-container .content-area h3 {
    font-size: 1.125rem; /* sm:text-lg */
    line-height: 1.375; /* sm:leading-snug */
  }
  .inner-page-container .content-area h4 {
    font-size: 1rem; /* sm:text-base */
    line-height: 1.5; /* sm:leading-normal */
  }
  .inner-page-container .content-area h5 {
    font-size: 0.875rem; /* sm:text-sm */
    line-height: 1.5; /* sm:leading-normal */
  }
}
@media (min-width: 768px) {
  .inner-page-container .content-area h1 {
    font-size: 1.875rem; /* md:text-3xl */
    line-height: 1.375; /* md:leading-snug */
  }
  .inner-page-container .content-area h2 {
    font-size: 1.5rem; /* md:text-2xl */
    line-height: 1.375; /* md:leading-snug */
  }
  .inner-page-container .content-area h3 {
    font-size: 1.25rem; /* md:text-xl */
    line-height: 1.375; /* md:leading-snug */
  }
  .inner-page-container .content-area h4 {
    font-size: 1.125rem; /* md:text-lg */
    line-height: 1.5; /* md:leading-normal */
  }
  .inner-page-container .content-area h5 {
    font-size: 1rem; /* md:text-base */
    line-height: 1.5; /* md:leading-normal */
  }
}
@media (min-width: 1024px) {
  .inner-page-container .content-area h1 {
    font-size: 2.25rem; /* lg:text-4xl */
    line-height: 1.375; /* lg:leading-snug */
  }
  .inner-page-container .content-area h2 {
    font-size: 1.875rem; /* lg:text-3xl */
    line-height: 1.375; /* lg:leading-snug */
  }
  .inner-page-container .content-area h3 {
    font-size: 1.5rem; /* lg:text-2xl */
    line-height: 1.375; /* lg:leading-snug */
  }
  .inner-page-container .content-area h4 {
    font-size: 1.25rem; /* lg:text-xl */
    line-height: 1.5; /* lg:leading-normal */
  }
  .inner-page-container .content-area h5 {
    font-size: 1.125rem; /* lg:text-lg */
    line-height: 1.5; /* lg:leading-normal */
  }
}
.inner-page-container .content-area p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 0.875rem;
  line-height: 23px;
}
@media (min-width: 640px) {
  .inner-page-container .content-area p {
    font-size: 1rem;
    line-height: 26px;
  }
}
@media (min-width: 768px) {
  .inner-page-container .content-area p {
    font-size: 1rem;
    line-height: 28px;
  }
}
@media (min-width: 1024px) {
  .inner-page-container .content-area p {
    font-size: 1rem;
    line-height: 29px;
  }
}
.inner-page-container .content-area p ul,
.inner-page-container .content-area p ol {
  margin: 1rem 0;
  padding-left: 2rem;
}
.inner-page-container .content-area p ul {
  list-style-type: none;
}
.inner-page-container .content-area p ul li {
  position: relative;
  padding: 0.375rem 0 0.375rem 1.5rem;
  margin-bottom: 0.5rem;
}
.inner-page-container .content-area p ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #215E92;
}
.inner-page-container .content-area p ul li:last-child {
  margin-bottom: 0;
}
.inner-page-container .content-area p ol {
  counter-reset: paragraph-counter;
  list-style-type: none;
}
.inner-page-container .content-area p ol li {
  position: relative;
  padding: 0.375rem 0 0.375rem 1.75rem;
  margin-bottom: 0.5rem;
}
.inner-page-container .content-area p ol li:before {
  content: counter(paragraph-counter) ".";
  counter-increment: paragraph-counter;
  position: absolute;
  left: 0;
  top: 0.375rem;
  font-weight: 600;
  color: #215E92;
}
.inner-page-container .content-area p ol li:last-child {
  margin-bottom: 0;
}
.inner-page-container .content-area p ul ul,
.inner-page-container .content-area p ul ol,
.inner-page-container .content-area p ol ul,
.inner-page-container .content-area p ol ol {
  margin: 0.5rem 0 0.5rem 0.5rem;
}
.inner-page-container .content-area p ul ul li:before {
  background-color: transparent;
  border: 2px solid #215E92;
}
.inner-page-container .content-area p ul ol li:before {
  color: #215E92;
  font-weight: 500;
}
@media (max-width: 640px) {
  .inner-page-container .content-area p ul,
  .inner-page-container .content-area p ol {
    padding-left: 1.5rem;
  }
}
.inner-page-container .content-area ul {
  list-style-type: none;
  padding-left: 1.75rem;
  margin: 1.5rem 0;
}
.inner-page-container .content-area ul li {
  position: relative;
  padding: 0.3rem 0 0.3rem 1rem;
  margin-bottom: 0.1rem;
  line-height: 1.6;
}
.inner-page-container .content-area ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #215E92;
}
.inner-page-container .content-area ul li:last-child {
  margin-bottom: 0;
}
.inner-page-container .content-area ol {
  counter-reset: main-counter;
  list-style-type: none;
  padding-left: 1.75rem;
  margin: 1rem 0;
}
.inner-page-container .content-area ol li {
  position: relative;
  padding: 0.3rem 0 0.3rem 1rem;
  margin-bottom: 0.1rem;
  line-height: 1.6;
}
.inner-page-container .content-area ol li:before {
  content: counter(main-counter) ".";
  counter-increment: main-counter;
  position: absolute;
  left: 0;
  top: 0.5rem;
  font-weight: 600;
  color: #215E92;
}
.inner-page-container .content-area ol li:last-child {
  margin-bottom: 0;
}
.inner-page-container .content-area ul li a,
.inner-page-container .content-area ol li a {
  color: #215E92;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
.inner-page-container .content-area ul li a:hover,
.inner-page-container .content-area ol li a:hover {
  border-bottom-color: #215E92;
}
.inner-page-container .content-area ul ul,
.inner-page-container .content-area ul ol,
.inner-page-container .content-area ol ul,
.inner-page-container .content-area ol ol {
  margin: 0.75rem 0 0.75rem 0.75rem;
}
.inner-page-container .content-area ul ul li:before {
  background-color: transparent;
  border: 2px solid #215E92;
  width: 6px;
  height: 6px;
}
.inner-page-container .content-area ol ol {
  counter-reset: nested-counter;
}
.inner-page-container .content-area ol ol li:before {
  content: counter(nested-counter, lower-alpha) ".";
  counter-increment: nested-counter;
}
@media (max-width: 640px) {
  .inner-page-container .content-area ul,
  .inner-page-container .content-area ol {
    padding-left: 1rem;
  }
  .inner-page-container .content-area ul li,
  .inner-page-container .content-area ol li {
    padding-left: 1.25rem;
  }
}
.inner-page-container .content-area .content-row {
  display: flex;
  gap: 2rem;
  margin: 2rem 0;
}
@media screen and (max-width: 768px) {
  .inner-page-container .content-area .content-row {
    flex-direction: column;
    gap: 1rem;
  }
}
.inner-page-container .content-area .col-left, .inner-page-container .content-area .col-right {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .inner-page-container .content-area .col-left, .inner-page-container .content-area .col-right {
    width: 50%;
  }
}
.inner-page-container .content-area .col-left img, .inner-page-container .content-area .col-right img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0.5rem;
}
.inner-page-container .content-area .col-left .text-caption, .inner-page-container .content-area .col-right .text-caption {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #666;
  margin: 0.5rem 0 0 0;
  text-align: left;
  display: block;
}
.inner-page-container .content-area .text-highlight {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: rgb(1, 114, 76);
  font-size: 1.5rem;
  line-height: 30px;
  margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
  .inner-page-container .content-area .text-highlight {
    font-size: 1.875rem;
    line-height: 38px;
  }
}
@media screen and (min-width: 768px) {
  .inner-page-container .content-area .text-highlight {
    font-size: 2.25rem;
    line-height: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .inner-page-container .content-area .text-highlight {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (min-width: 1280px) {
  .inner-page-container .content-area .text-highlight {
    font-size: 46px;
    line-height: 57px;
  }
}
@media screen and (min-width: 1536px) {
  .inner-page-container .content-area .text-highlight {
    font-size: 48px;
    line-height: 59.52px;
  }
}
.inner-page-container .content-area .text-quote {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-size: 24px;
  line-height: 1.5;
  color: #215E92;
  padding-left: 2rem;
  border-left: 4px solid rgb(1, 114, 76);
  margin: 2rem 0;
}
@media screen and (min-width: 768px) {
  .inner-page-container .content-area .text-quote {
    font-size: 28px;
    line-height: 1.6;
  }
}
.inner-page-container .content-area .text-stat {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2;
  color: #215E92;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .inner-page-container .content-area .text-stat {
    font-size: 40px;
  }
}
.inner-page-container .content-area .text-caption {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #666;
  margin-top: 1rem;
}
.inner-page-container .content-area .float-left {
  float: left;
  margin: 0 2rem 1rem 0;
}
@media screen and (max-width: 768px) {
  .inner-page-container .content-area .float-left {
    float: none;
    margin: 1rem 0;
    width: 100%;
  }
}
.inner-page-container .content-area .float-right {
  float: right;
  margin: 0 0 1rem 2rem;
}
@media screen and (max-width: 768px) {
  .inner-page-container .content-area .float-right {
    float: none;
    margin: 1rem 0;
    width: 100%;
  }
}
.inner-page-container .content-area .width-25 {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .inner-page-container .content-area .width-25 {
    width: 100%;
  }
}
.inner-page-container .content-area .width-33 {
  width: 33.333%;
}
@media screen and (max-width: 768px) {
  .inner-page-container .content-area .width-33 {
    width: 100%;
  }
}
.inner-page-container .content-area .width-50 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .inner-page-container .content-area .width-50 {
    width: 100%;
  }
}
.inner-page-container .content-area .width-75 {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .inner-page-container .content-area .width-75 {
    width: 100%;
  }
}
.inner-page-container .content-area .width-100 {
  width: 100%;
}
.inner-page-container .content-area .clear-float {
  clear: both;
}
.inner-page-container .yb_ab_pollution {
  margin: 0;
  padding: 0;
}
.inner-page-container .yb_ab_pollution_wrap {
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 30px;
}
.inner-page-container .yb_ab_pollution_item {
  width: calc(33.333% - 20px);
  margin: 0;
  position: relative;
  overflow: hidden;
}
.inner-page-container .yb_ab_pollution_item_content {
  background-color: rgb(37, 51, 112);
  border: 1px solid #e6e6e6;
  position: relative;
  padding: 70px 30px 30px 50px;
  min-height: 240px;
  max-height: 240px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  overflow: hidden;
}
.inner-page-container .yb_ab_pollution_item_content_image {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 101%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  opacity: 1;
  z-index: 1;
  border: 1px solid #e6e6e6;
}
.inner-page-container .yb_ab_pollution_item_content_body {
  position: relative;
  z-index: 2;
  opacity: 0;
  text-align: center;
}
.inner-page-container .yb_ab_pollution_item_content_body_text {
  font-size: 16px;
  line-height: 26px;
  display: block;
  overflow: hidden;
  color: #FFFFFF;
  opacity: 0.8;
  margin-bottom: 10px;
}
.inner-page-container .yb_ab_pollution_item_content_body a {
  opacity: 0.9;
  background-color: rgb(255, 255, 255);
  color: rgb(37, 51, 112) !important;
  border: 1px solid #fff;
  padding: 1em 2em;
  margin: 5px 0;
  display: inline-block;
  font-size: 13px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
}
.inner-page-container .yb_ab_pollution_item_content_body a:hover {
  background-color: rgb(37, 51, 112);
  color: #FFFFFF !important;
}
.inner-page-container .yb_ab_pollution_item:hover .yb_ab_pollution_item_content_image {
  opacity: 0;
}
.inner-page-container .yb_ab_pollution_item:hover .yb_ab_pollution_item_content_body {
  opacity: 1;
}
.inner-page-container .yb_ab_pollution_item_title {
  padding: 1em;
  text-transform: uppercase;
  font-family: Cabin, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #29255c;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .inner-page-container .yb_ab_pollution_wrap {
    gap: 25px;
  }
  .inner-page-container .yb_ab_pollution_item {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .inner-page-container .yb_ab_pollution_wrap {
    gap: 25px;
  }
  .inner-page-container .yb_ab_pollution_item {
    width: calc(50% - 12.5px);
  }
}
@media only screen and (min-width: 768px) {
  .inner-page-container .yb_ab_pollution_wrap {
    gap: 30px;
  }
  .inner-page-container .yb_ab_pollution_item {
    width: calc(33.333% - 20px);
  }
}
.inner-page-container .sidebar-menu h2:not(.visually-hidden) {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px !important;
  line-height: 124%;
  letter-spacing: 0;
  color: #215E92;
  padding-bottom: 12px;
  margin-bottom: 16px;
  position: relative;
  text-transform: uppercase;
}
.inner-page-container .sidebar-menu h2:not(.visually-hidden)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 85%;
  height: 2px;
  background-color: #215E92;
}
.inner-page-container .sidebar-menu .contextual {
  display: none;
}
.inner-page-container .sidebar-menu nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inner-page-container .sidebar-menu nav ul li {
  margin-bottom: 12px;
}
.inner-page-container .sidebar-menu nav ul li a {
  display: block;
  padding-left: 0px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px !important;
  line-height: 124%;
  letter-spacing: 0;
  color: #656565;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.inner-page-container .sidebar-menu nav ul li a:hover {
  color: #215E92;
}
.inner-page-container .sidebar-menu nav ul li a.is-active {
  color: #215E92;
  font-weight: bold;
}
.inner-page-container .sidebar-menu nav ul li a[tabindex="-1"]:focus {
  outline: none;
}
.inner-page-container .sidebar-menu nav ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1920px) {
  .inner-page-container .sidebar-menu {
    width: clamp(180px, 11.04vw, 212px);
  }
}
@media screen and (max-width: 1280px) {
  .inner-page-container .sidebar-menu h2:not(.visually-hidden) {
    font-size: 16px !important;
  }
  .inner-page-container .sidebar-menu h2:not(.visually-hidden)::after {
    width: 85%;
  }
  .inner-page-container .sidebar-menu nav ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .inner-page-container .sidebar-menu {
    width: 100%;
  }
  .inner-page-container .sidebar-menu h2:not(.visually-hidden) {
    font-size: 14px !important;
  }
  .inner-page-container .sidebar-menu h2:not(.visually-hidden)::after {
    width: 80%;
  }
  .inner-page-container .sidebar-menu nav ul li a {
    font-size: 14px;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .inner-page-container .sidebar-menu h2:not(.visually-hidden) {
    font-size: 14x !important;
  }
  .inner-page-container .sidebar-menu h2:not(.visually-hidden)::after {
    width: 100%;
  }
  .inner-page-container .sidebar-menu nav ul li a {
    font-size: 12px !important;
  }
}
.inner-page-container .blue_box {
  background-color: #ffffff;
  border-left: 4px solid #215E92;
  padding: 1.5rem;
  margin: 1.5rem 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.inner-page-container .blue_box ul,
.inner-page-container .blue_box ol {
  margin: 0;
  padding-left: 1.5rem;
}
.inner-page-container .blue_box ul {
  list-style-type: none;
}
.inner-page-container .blue_box ul li {
  position: relative;
  padding: 0.5rem 0 0.5rem 1.5rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.inner-page-container .blue_box ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #215E92;
}
.inner-page-container .blue_box ul li:last-child {
  margin-bottom: 0;
}
.inner-page-container .blue_box ol {
  counter-reset: blue-box-counter;
  list-style-type: none;
}
.inner-page-container .blue_box ol li {
  position: relative;
  padding: 0.5rem 0 0.5rem 2rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.inner-page-container .blue_box ol li:before {
  content: counter(blue-box-counter);
  counter-increment: blue-box-counter;
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #215E92;
  color: white;
  font-size: 0.8rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-page-container .blue_box ol li:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .inner-page-container .blue_box {
    padding: 1rem;
  }
  .inner-page-container .blue_box ul,
  .inner-page-container .blue_box ol {
    padding-left: 0.5rem;
  }
  .inner-page-container .blue_box ul li {
    padding-left: 1.25rem;
  }
}
.inner-page-container figure {
  margin: 2rem 0;
  padding: 0;
  max-width: 100%;
}
.inner-page-container figure.align-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.inner-page-container figure.align-left {
  float: left;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
  max-width: 50%;
}
.inner-page-container figure.align-right {
  float: right;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
  max-width: 50%;
}
.inner-page-container figure img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
}
.inner-page-container figcaption {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #555;
  font-style: italic;
  text-align: center;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.inner-page-container figure img.filter-image-invalid {
  /* Replace with a placeholder background */
  background-color: #f0f5f9;
  min-height: 200px;
  width: 100%;
  border: 1px solid #d1d9e2;
  position: relative;
}
.inner-page-container figure img.filter-image-invalid::before {
  content: "Image unavailable";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #6c757d;
  font-style: italic;
}
@media (max-width: 768px) {
  .inner-page-container figure.align-left,
  .inner-page-container figure.align-right {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
}
.inner-page-container .yg_ab_explore {
  margin: 3rem 0;
  padding-top: 2rem;
  border-top: 1px solid #e5e7eb;
  width: 100%;
}
.inner-page-container .yg_ab_explore_wrap h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  margin-bottom: 1.5rem;
  color: #333;
  width: 100%;
  display: block;
}
.inner-page-container .yg_ab_explore_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
}
.inner-page-container .yg_ab_explore_item {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  max-width: 100%;
  margin-bottom: 1rem;
}
.inner-page-container .yg_ab_explore_item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.inner-page-container .yg_ab_explore_item_image {
  position: relative;
  width: 100%;
  padding-top: 60%; /* 5:3 aspect ratio */
  overflow: hidden;
}
.inner-page-container .yg_ab_explore_item_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.inner-page-container .yg_ab_explore_item:hover img {
  transform: scale(1.05);
}
.inner-page-container .yg_ab_explore_item_text {
  padding: 1.25rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.inner-page-container .yg_ab_explore_item_text_meta {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #215E92;
  margin-bottom: 0.5rem;
}
.inner-page-container .yg_ab_explore_item_text h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.inner-page-container .yg_ab_explore_item_text h3 a {
  color: #333;
  text-decoration: none;
  transition: color 0.2s ease;
}
.inner-page-container .yg_ab_explore_item_text h3 a:hover {
  color: #215E92;
}
@media (min-width: 768px) {
  .inner-page-container .yg_ab_explore_item {
    flex: 0 0 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}
@media (min-width: 1024px) {
  .inner-page-container .yg_ab_explore_item {
    flex: 0 0 calc(33.333% - 1.5rem);
    max-width: calc(33.333% - 1.5rem);
  }
}

/* Target the third card in the grid by its position */
.grid-cols-1.sm\:grid-cols-2 > *:nth-child(3) .absolute.inset-0.bg-cover {
  display: none !important;
}

.grid-cols-1.sm\:grid-cols-2 > *:nth-child(3) .relative.group::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FF69B4; /* Pink background */
  background-image: url("https://cdn.unenvironment.org/beatpollution/2025-03/pink.png"); /* Add your image path here */
  background-repeat: no-repeat; /* Don't repeat the image */
  z-index: 0;
  display: block !important;
}

/* Target the fourth card in the grid by its position */
.grid-cols-1.sm\:grid-cols-2 > *:nth-child(4) .absolute.inset-0.bg-cover {
  display: none !important;
}

.grid-cols-1.sm\:grid-cols-2 > *:nth-child(4) .relative.group::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00AEFF; /* Blue background */
  z-index: 0;
  display: block !important;
}

/* Ensure content and gradients stay above the background */
.grid-cols-1.sm\:grid-cols-2 > *:nth-child(3) .relative.flex,
.grid-cols-1.sm\:grid-cols-2 > *:nth-child(4) .relative.flex,
.grid-cols-1.sm\:grid-cols-2 > *:nth-child(3) .bg-gradient-to-t,
.grid-cols-1.sm\:grid-cols-2 > *:nth-child(4) .bg-gradient-to-t {
  z-index: 1;
}

#mobile-menu-panel {
  background: linear-gradient(0deg, #215E92, #215E92), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

/* Mobile menu header improvements */
/* Mobile nav content padding */
.mobile-nav {
  padding: 16px;
}
.mobile-nav .navbar-nav {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mobile-nav .nav-item {
  margin-bottom: 8px;
  border-radius: 6px;
  width: 100%;
}
.mobile-nav .nav-item.hs-has-sub-menu > .nav-link {
  position: relative;
  padding-right: 40px;
}
.mobile-nav .nav-item.hs-has-sub-menu > .nav-link .fa-angle-down {
  position: absolute;
  right: 16px;
  transition: transform 0.3s ease;
}
.mobile-nav .nav-item.hs-has-sub-menu.dropdown-open > .nav-link .fa-angle-down {
  transform: rotate(180deg);
}
.mobile-nav .nav-item.hs-has-sub-menu.dropdown-open > .hs-sub-menu {
  display: block;
  animation: slideDown 0.3s forwards;
}
.mobile-nav .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  border: none;
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.2s ease;
  text-align: left;
  width: 100%;
}
.mobile-nav .nav-link:hover, .mobile-nav .nav-link:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}
.mobile-nav .nav-link.active {
  background-color: rgba(255, 255, 255, 0.25);
  font-weight: 600;
}
.mobile-nav .hs-sub-menu {
  display: none;
  padding-left: 16px;
  margin-top: 8px;
  background-color: transparent !important;
}
.mobile-nav .hs-sub-menu .nav-link {
  font-size: 14px;
  padding: 12px 16px;
  background-color: rgba(255, 255, 255, 0.05);
}
.mobile-nav .hs-sub-menu .nav-link::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0.7;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-marquee {
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000px;
  transform: translateZ(0);
}

@media (prefers-reduced-motion: reduce) {
  .animate-marquee {
    animation: none;
    transition: none;
  }
}
.three-column-block P {
  color: #1e1e1e;
}

.form-image img {
  height: 100% !important;
  object-fit: cover;
}

.form-image a:hover {
  color: #fff !important;
}

.form-description p {
  color: #fff !important;
}

/* Pagination Styles - Enhanced UX */
/* Modern styling for the existing pager structure */
/* Expert UX/UI styling for the existing pager structure */
.yc_news_list nav[role=navigation] {
  margin: 40px 0;
  padding-top: 20px;
  position: relative;
}

/* Add a subtle separator line before the pager */
.yc_news_list nav[role=navigation]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(234, 234, 234, 0), rgb(234, 234, 234) 15%, rgb(234, 234, 234) 85%, rgba(234, 234, 234, 0));
}

.yc_news_list .js-pager__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: 40px;
}

.yc_news_list .js-pager__items li {
  font-size: 15px;
  font-weight: 400;
  color: #666;
  margin: 0;
  padding: 0;
}

/* Style for the "Page 1" text */
.yc_news_list .js-pager__items li:first-child {
  position: relative;
  padding-left: 2px;
  font-size: 14px;
  color: #777;
  letter-spacing: 0.01em;
  font-weight: 500;
}

/* Add a subtle page icon before the page number */
.yc_news_list .js-pager__items li:first-child::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23999'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 6px;
  opacity: 0.7;
}

/* Style for the navigation buttons */
.yc_news_list .js-pager__items li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  background-color: #f7f7f7;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.yc_news_list .js-pager__items li a:hover,
.yc_news_list .js-pager__items li a:focus {
  background-color: #00AEEf;
  color: white;
  box-shadow: 0 2px 4px rgba(0, 174, 239, 0.25);
  border-color: rgba(0, 174, 239, 0.2);
  transform: translateY(-1px);
}

.yc_news_list .js-pager__items li a:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 174, 239, 0.1);
}

/* Style for the navigation arrows */
.yc_news_list .js-pager__items li a span[aria-hidden=true] {
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

/* Add animation for arrow on hover */
.yc_news_list .js-pager__items li a:hover span[aria-hidden=true] {
  animation: arrow-pulse 0.6s ease-in-out infinite alternate;
}

@keyframes arrow-pulse {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(2px);
  }
}
/* Responsive adjustments */
@media only screen and (max-width: 480px) {
  .yc_news_list .js-pager__items {
    justify-content: space-between;
    width: 100%;
  }
  .yc_news_list .js-pager__items li:first-child::before {
    display: none;
  }
  .yc_news_list .js-pager__items li a {
    min-width: 34px;
    height: 34px;
  }
}
/* Additional styles for the enhanced pager if implemented */
.yc_news_list .pager__item--first a,
.yc_news_list .pager__item--previous a,
.yc_news_list .pager__item--next a,
.yc_news_list .pager__item--last a {
  font-weight: bold;
}

.yc_news_list .pager__item.is-active a {
  background-color: #00AEEf;
  color: white;
  border-color: rgba(0, 174, 239, 0.2);
}

.yc_news_list .pager__item--ellipsis {
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: #666;
}

/* Layout Styles */
h6 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #436F79;
  margin: 5px 0 5px 0;
}

/* Header Styles */
.yc_header_wrapper .yc_header .utilityNav {
  background-color: #00aeef;
}

/* Homepage Styles */
.btn-white {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #00aeef;
  text-transform: uppercase;
}

.btn-white:hover {
  background: #00aeef;
  color: #ffffff;
}

.btn-blue {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #005696;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  width: auto;
}
@media only screen and (max-width: 480px) {
  .btn-blue {
    padding: 15px;
    font-size: 16px;
    line-height: 18px;
    background: #005696;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
  }
  .btn-blue:hover {
    background: #003f6d;
    transition: all 0.3s ease;
  }
  .btn-blue:active {
    background: #000d17;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .btn-blue {
    padding: 15px;
    font-size: 16px;
    background: #005696;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
  }
  .btn-blue:hover {
    background: #003f6d;
    transition: all 0.3s ease;
  }
  .btn-blue:active {
    background: #000d17;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-blue {
    font-size: 16px;
    line-height: 19px;
  }
}
.yg_ln_slider_text h1, .yg_ln_slider_text p {
  text-shadow: 4px 2px 3px rgba(5, 5, 23, 0.9);
}

.yg_ln_news_resource_item:nth-child(1) {
  background-color: #436F79;
}

.yg_ln_conversations {
  background-color: #91cac1;
}

/* Our Team Style */
.search_header {
  background-color: rgb(0, 132, 180);
  border: 1px solid rgb(0, 132, 180);
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}

.yg_ln_news_loadmore a {
  background-color: #00aeef;
}
.yg_ln_news_loadmore a:hover {
  background-color: #0084b4;
}

@media print {
  *, *:before, *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }
  .yc_body_wrapper {
    background-color: #000000;
  }
  .yc_header_wrapper, .yc_footer_wrapper {
    display: none;
  }
}
/* Slider */
.multiple_carousel {
  width: 75vw;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  overflow: visible;
  z-index: 1;
  left: 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .multiple_carousel {
    width: 98vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .multiple_carousel {
    width: 74vw;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1420px) {
  .multiple_carousel {
    width: 75vw;
  }
}
@media (min-width: 1421px) and (max-width: 1551px) {
  .multiple_carousel {
    width: 67vw;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .multiple_carousel {
    width: 67vw;
  }
}
@media screen and (min-width: 1701px) and (max-width: 1919px) {
  .multiple_carousel {
    width: 63vw;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2040px) {
  .multiple_carousel {
    width: 56vw;
  }
}
@media screen and (min-width: 2041px) and (max-width: 2160px) {
  .multiple_carousel {
    width: 53vw;
  }
}
@media screen and (min-width: 2161px) and (max-width: 2560px) {
  .multiple_carousel {
    width: 42vw;
  }
}
@media screen and (min-width: 2561px) and (max-width: 3071px) {
  .multiple_carousel {
    width: 41vw;
  }
}
@media screen and (min-width: 3072px) and (max-width: 3840px) {
  .multiple_carousel {
    width: 35vw;
  }
}
@media screen and (min-width: 3841px) and (max-width: 4607px) {
  .multiple_carousel {
    width: 21vw;
  }
}
@media screen and (min-width: 4608px) and (max-width: 6144px) {
  .multiple_carousel {
    width: 18vw;
  }
}
.multiple_carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.multiple_carousel .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.multiple_carousel .slick-list:focus {
  outline: none;
}
.multiple_carousel .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.multiple_carousel .slick-slider .slick-track,
.multiple_carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.multiple_carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .multiple_carousel .slick-track {
    left: -22px;
  }
}
.multiple_carousel .slick-track:before,
.multiple_carousel .slick-track:after {
  display: table;
  content: "";
}
.multiple_carousel .overlay::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(180deg, rgba(33, 94, 146, 0) 0.38%, #215e92 95.15%);
  opacity: 1;
  /* Set opacity as needed */
  transition: opacity 0.3s ease;
  /* Apply a transition effect */
  z-index: 1;
  /* Place the pseudo-element behind the image */
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .multiple_carousel .overlay::before {
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .multiple_carousel .overlay::before {
    bottom: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .multiple_carousel .overlay::before {
    bottom: 0;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
  .multiple_carousel .overlay::before {
    bottom: 0;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .multiple_carousel .overlay::before {
    bottom: 0;
  }
}
.multiple_carousel .slick-track:after {
  clear: both;
}
.multiple_carousel .slick-loading .slick-track {
  visibility: hidden;
}
.multiple_carousel .slick-slide {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
  min-height: 1px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .multiple_carousel .slick-slide {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 767px) {
  .multiple_carousel .slick-slide {
    padding-left: 30px;
    padding-right: 0px;
  }
}
.multiple_carousel [dir=rtl] .slick-slide {
  float: right;
}
.multiple_carousel .slider-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
.multiple_carousel .slider-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(33, 94, 146, 0) 0.38%, #215e92 95.15%);
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.multiple_carousel .slick-slide img {
  display: inline-block !important;
  max-width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(0px, 0, 0);
  -o-object-position: top center;
  object-position: top center;
  height: 100%;
  width: 100%;
}
.multiple_carousel .slide-img-wrapper {
  height: 410px;
}
@media screen and (max-width: 480px) {
  .multiple_carousel .slide-img-wrapper {
    height: 390px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .multiple_carousel .slide-img-wrapper {
    height: 320px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .multiple_carousel .slide-img-wrapper {
    height: 312px;
  }
}
@media screen and (min-width: 1420px) {
  .multiple_carousel .slide-img-wrapper {
    height: 445px;
  }
}
@media screen and (min-width: 1760px) {
  .multiple_carousel .slide-img-wrapper {
    height: 460px;
  }
}
@media screen and (min-width: 2048px) {
  .multiple_carousel .slide-img-wrapper {
    height: 460px;
  }
}
@media screen and (min-width: 3072px) {
  .multiple_carousel .slide-img-wrapper {
    height: 460px;
  }
}
@media screen and (min-width: 4608px) {
  .multiple_carousel .slide-img-wrapper {
    height: 460px;
  }
}
@media screen and (min-width: 4609px) {
  .multiple_carousel .slide-img-wrapper {
    height: 490px;
  }
}
.multiple_carousel .slick-slide.slick-loading img {
  display: none;
}
.multiple_carousel .slick-slide.dragging img {
  pointer-events: none;
}
.multiple_carousel .slick-initialized .slick-slide {
  display: block;
}
.multiple_carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.multiple_carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.multiple_carousel .slick-arrow.slick-hidden {
  display: none;
}
.multiple_carousel .slick-next.slick-arrow {
  background-color: #215e92;
  border-radius: 100px;
  height: 45px;
  /* opacity: 0;
   */
  padding: 15px;
  /* transition: opacity .3s,-webkit-transform .3s;
   */
  transition: opacity 0.3s, transform 0.3s;
  /* transition: opacity .3s,transform .3s,-webkit-transform .3s;
   */
  width: 45px;
  z-index: 1000;
  left: -30px;
  top: 45%;
  position: absolute;
  transform: translateX(50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 8%;
    top: 45%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .multiple_carousel .slick-next.slick-arrow {
    top: 40%;
    left: 60%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 63%;
    top: 20%;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 63.5%;
    top: 20%;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 64%;
    top: 20%;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 64.5%;
    top: 20%;
  }
}
@media screen and (min-width: 1701px) and (max-width: 1920px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 63.2%;
    top: 22%;
  }
}
@media screen and (min-width: 1920px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 63.9%;
    top: 22%;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 64.1%;
    top: 22%;
  }
}
@media screen and (min-width: 2561px) and (max-width: 3840px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 63.5%;
  }
}
@media screen and (min-width: 3841px) and (max-width: 4607px) {
  .multiple_carousel .slick-next.slick-arrow {
    left: 63.5%;
  }
}
.multiple_carousel .slick-prev.slick-arrow {
  background-color: #215e92;
  border-radius: 100px;
  height: 45px;
  /* opacity: 0;
   */
  padding: 15px;
  /* transition: opacity .3s,-webkit-transform .3s;
   */
  transition: opacity 0.3s, transform 0.3s;
  /* transition: opacity .3s,transform .3s,-webkit-transform .3s;
   */
  width: 45px;
  z-index: 1000;
  top: 45%;
  right: -30px;
  transform: translateX(-50%);
  position: absolute;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .multiple_carousel .slick-prev.slick-arrow {
    left: 8%;
    top: 45%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .multiple_carousel .slick-prev.slick-arrow {
    top: 20%;
    left: 66%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .multiple_carousel .slick-prev.slick-arrow {
    top: 40%;
    left: 69%;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
  .multiple_carousel .slick-prev.slick-arrow {
    top: 35%;
    left: 68%;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .multiple_carousel .slick-prev.slick-arrow {
    top: 35%;
    left: 68.5%;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .multiple_carousel .slick-prev.slick-arrow {
    left: 68.5%;
    top: 35%;
  }
}
@media screen and (min-width: 1701px) and (max-width: 1920px) {
  .multiple_carousel .slick-prev.slick-arrow {
    top: 37%;
    left: 68%;
  }
}
@media screen and (min-width: 1920px) {
  .multiple_carousel .slick-prev.slick-arrow {
    top: 37%;
    left: 68%;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {
  .multiple_carousel .slick-prev.slick-arrow {
    left: 68.5%;
    top: 38%;
  }
}
@media screen and (min-width: 2561px) and (max-width: 3840px) {
  .multiple_carousel .slick-prev.slick-arrow {
    left: 68%;
    top: 38%;
  }
}
@media screen and (min-width: 3841px) and (max-width: 4607px) {
  .multiple_carousel .slick-prev.slick-arrow {
    top: 39%;
    left: 69%;
  }
}
.multiple_carousel .slick-next {
  right: 945px;
}
.multiple_carousel .slick-prev {
  right: -25px;
}
.multiple_carousel .slick-prev:before {
  content: "\f053" !important;
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 12px;
  right: 0;
}
.multiple_carousel .slick-next:before {
  content: "\f054" !important;
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 12px;
}
.multiple_carousel .slick-next::before {
  left: auto;
}
.multiple_carousel .slick-arrow::before {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
}

/* Slider */
.campaign_carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.campaign_carousel {
  position: relative;
  width: 100%;
  margin: 0;
}
.campaign_carousel .slide-img-wrapper {
  position: relative;
  height: 280px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .campaign_carousel .slide-img-wrapper {
    height: 320px;
  }
}
@media (min-width: 1024px) {
  .campaign_carousel .slide-img-wrapper {
    height: 360px;
  }
}
@media (min-width: 1280px) {
  .campaign_carousel .slide-img-wrapper {
    height: 400px;
  }
}
.campaign_carousel .slick-slider {
  position: relative;
  margin: 0;
}
.campaign_carousel .slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.campaign_carousel .slick-track {
  display: flex;
  margin: 0;
}
.campaign_carousel .slick-slide {
  width: calc((100% - 2rem) / 3) !important;
  margin-right: 1rem;
}
@media (max-width: 1024px) {
  .campaign_carousel .slick-slide {
    width: calc((100% - 1rem) / 2) !important;
    margin-right: 0.5rem;
  }
}
@media (max-width: 640px) {
  .campaign_carousel .slick-slide {
    width: calc(100% - 2rem) !important;
    margin: 0 1rem;
  }
}
.campaign_carousel .slick-arrow {
  --arrow-size: 45px;
  --arrow-color: #215e92;
  --arrow-hover: #184771;
  --arrow-position: 65%;
  position: absolute;
  width: var(--arrow-size);
  height: var(--arrow-size);
  background-color: var(--arrow-color);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  left: var(--arrow-position);
  transform: translateX(-50%);
  transition: background-color 0.3s ease;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
}
.campaign_carousel .slick-arrow:hover {
  background-color: var(--arrow-hover);
}
.campaign_carousel .slick-arrow::before {
  font-family: "FontAwesome";
  font-size: 16px;
  color: white;
  text-indent: 0;
}
@media (max-width: 640px) {
  .campaign_carousel .slick-arrow {
    --arrow-size: 35px;
    --arrow-position: 50%;
    top: auto;
    bottom: -50px;
  }
  .campaign_carousel .slick-arrow.slick-prev {
    left: calc(6% - 1px);
  }
  .campaign_carousel .slick-arrow.slick-next {
    left: calc(96% - 5px);
  }
}
.campaign_carousel .slick-prev {
  top: 45%;
}
.campaign_carousel .slick-prev::before {
  content: "\f053";
}
.campaign_carousel .slick-next {
  top: 45%;
}
.campaign_carousel .slick-next::before {
  content: "\f054";
}
@media screen and (min-width: 768px) {
  .campaign_carousel .slick-arrow {
    --arrow-position: 50%;
  }
  .campaign_carousel .slick-prev {
    top: 27%;
  }
  .campaign_carousel .slick-next {
    top: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .campaign_carousel .slick-arrow {
    --arrow-position: 67%;
  }
  .campaign_carousel .slick-prev {
    top: 22%;
  }
  .campaign_carousel .slick-next {
    top: 35%;
  }
}
@media screen and (min-width: 1280px) {
  .campaign_carousel .slick-arrow {
    --arrow-position: 66%;
  }
  .campaign_carousel .slick-prev {
    top: 16%;
  }
  .campaign_carousel .slick-next {
    top: 30%;
  }
}
@media (max-width: 640px) {
  .campaign_carousel .content-overlay {
    padding: 1.5rem;
  }
  .campaign_carousel .content-overlay h3 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
  .campaign_carousel .content-overlay .read-more-btn {
    padding: 0.5rem 1.5rem;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .campaign_carousel .slide-img-wrapper {
    height: 240px;
  }
}

.campaign-slide {
  height: 100%;
}
.campaign-slide .slide-img-wrapper {
  position: relative;
  height: 400px;
  overflow: hidden;
}
@media (max-width: 640px) {
  .campaign-slide .slider-image {
    transform: none !important;
  }
  .campaign-slide .content-overlay {
    transform: none !important;
    opacity: 1 !important;
  }
  .campaign-slide .campaign_carousel .slick-prev {
    top: 45%;
  }
  .campaign-slide .campaign_carousel .slick-next {
    top: 45%;
  }
}

.slider-image {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.content-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  text-align: center;
  z-index: 2;
}
.content-overlay h3 {
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.content-overlay .read-more-btn {
  display: inline-block;
  padding: 0.75rem 2rem;
  border: 2px solid white;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.content-overlay .read-more-btn:hover {
  background: white;
  color: #005696;
}

.campaigns-section {
  position: relative;
}
.campaigns-section::before {
  content: "";
  position: absolute;
  top: -4rem;
  bottom: -4rem;
  left: 0;
  width: 83.333333%;
  background-color: #E8F1E8;
  z-index: 0;
}
@media (max-width: 768px) {
  .campaigns-section::before {
    width: 100%;
  }
}
.campaigns-section .lg\:col-span-3 {
  position: relative;
  z-index: 1;
}

/* Slider */
.landing-slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  /* Arrows */
  /* Dots */
}
.landing-slick-slider .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.landing-slick-slider .slick-list:focus {
  outline: none;
}
.landing-slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.landing-slick-slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.landing-slick-slider .slick-track:before,
.landing-slick-slider .slick-track:after {
  display: table;
  content: "";
}
.landing-slick-slider .slick-track:after {
  clear: both;
}
.landing-slick-slider .slick-loading .slick-track {
  visibility: hidden;
}
.landing-slick-slider .slick-prev,
.landing-slick-slider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 75%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
@media only screen and (max-width: 480px) {
  .landing-slick-slider .slick-prev,
  .landing-slick-slider .slick-next {
    width: 15px;
    height: 15px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .landing-slick-slider .slick-prev,
  .landing-slick-slider .slick-next {
    width: 15px;
    height: 15px;
  }
}
.landing-slick-slider .slick-prev:hover,
.landing-slick-slider .slick-prev:focus,
.landing-slick-slider .slick-next:hover,
.landing-slick-slider .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.landing-slick-slider .slick-prev:hover:before,
.landing-slick-slider .slick-prev:focus:before,
.landing-slick-slider .slick-next:hover:before,
.landing-slick-slider .slick-next:focus:before {
  opacity: 1;
}
.landing-slick-slider .slick-prev.slick-disabled:before,
.landing-slick-slider .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.landing-slick-slider .slick-prev:before,
.landing-slick-slider .slick-next:before {
  font-family: "FontAwesome";
  font-size: 38px;
  line-height: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 480px) {
  .landing-slick-slider .slick-prev:before,
  .landing-slick-slider .slick-next:before {
    font-size: 25px;
  }
}
.landing-slick-slider .slick-prev {
  left: 0px;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .landing-slick-slider .slick-prev {
    left: -45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing-slick-slider .slick-prev {
    left: -45px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .landing-slick-slider .slick-prev {
    left: -45px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
  .landing-slick-slider .slick-prev {
    left: -45px;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .landing-slick-slider .slick-prev {
    left: -45px;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .landing-slick-slider .slick-prev {
    left: -45px;
  }
}
.landing-slick-slider [dir=rtl] .slick-prev {
  right: -45px;
  left: auto;
}
.landing-slick-slider .slick-prev:before {
  content: "\f053";
}
.landing-slick-slider [dir=rtl] .slick-prev:before {
  content: "\f053";
}
.landing-slick-slider .slick-next {
  right: -45px;
}
@media only screen and (max-width: 480px) {
  .landing-slick-slider .slick-next {
    right: 0px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .landing-slick-slider .slick-next {
    right: -25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing-slick-slider .slick-next {
    right: -45px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .landing-slick-slider .slick-next {
    right: -45px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
  .landing-slick-slider .slick-next {
    right: -45px;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
  .landing-slick-slider .slick-next {
    right: -45px;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1700px) {
  .landing-slick-slider .slick-next {
    right: -45px;
  }
}
.landing-slick-slider [dir=rtl] .slick-next {
  right: auto;
  left: -45px;
}
.landing-slick-slider .slick-next:before {
  content: "\f054";
}
.landing-slick-slider [dir=rtl] .slick-next:before {
  content: "\f054";
}
.landing-slick-slider .slick-dotted.landing-slick-slider {
  margin-bottom: 30px;
}
.landing-slick-slider .slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.landing-slick-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.landing-slick-slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.landing-slick-slider .slick-dots li button:hover,
.landing-slick-slider .slick-dots li button:focus {
  outline: none;
}
.landing-slick-slider .slick-dots li button:hover:before,
.landing-slick-slider .slick-dots li button:focus:before {
  opacity: 1;
}
.landing-slick-slider .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.landing-slick-slider .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.landing-slick-slider .slick-track,
.landing-slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.page-slick-slide {
  display: none;
  float: left;
  height: 25em;
  min-height: 1px;
}

[dir=rtl] .page-slick-slide {
  float: right;
}

.page-slick-slide img {
  display: block;
}

.page-slick-slide.slick-loading img {
  display: none;
}

.page-slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .page-slick-slide {
  display: flex;
}

.slick-loading .page-slick-slide {
  visibility: hidden;
}

.slick-vertical .page-slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*# sourceMappingURL=yc_master.css.map */