/* Abstracts */
/*** Paths ***/
/*** End of paths ***/
/* Fonts */
/* End of Fonts */
/*** Colors ***/
/*** End of Colors ***/
/*** Media Queries ***/
/* Custom Container */
/* End of custom Container Media Queries*/
/*** End of Media Queries*/
/* Header Settings */
/* End of Header Settings */
/* Banner Settings */
/* End of Banner Settings */
/* Container spaces */
/*  End of Container Paddings */
/* Custom Container Width */
/* Outer Container */
/* End of Outer Container */
/* Inner Container */
/* End of Inner Container */
/* End Custom Container Width */
/* Font Mixins */
/* Headings */
/* End of Headings */
/* Sub headings */
/* End of Sub headings */
/* Paragraph */
/* End of Paragraph*/
/* Links */
/* End of Links*/
/* Menu Links */
/* Quotes */
/* Footer Fonts */
/* End of Footer Fonts */
/* not defined */
/* End of not defined */
/* End of Font Mixins */
/* Responsive font Mobile Mixins */
/* Headings */
/* End of Headings */
/* Quotes */
/* End of Responsive Font Mobile Mixins */
/* Base */
body {
  font-family: Raleway;
  color: #000; }

/* Headings */
h1,
.h-1 {
  /* Heading 1 */
  font-family: Spectral;
  font-style: normal;
  font-weight: bold;
  font-size: 92px;
  line-height: 105%;
  /* identical to box height, or 97px */
  letter-spacing: -0.02em;
  font-feature-settings: "pnum" on, "lnum" on; }

h2,
.h-2 {
  /* Heading 2 */
  font-family: Spectral;
  font-style: normal;
  font-weight: bold;
  font-size: 64px;
  line-height: 110%;
  /* or 70px */
  letter-spacing: -0.02em; }

.h-2-m {
  /* Heading 2 (MOBILE) */
  font-size: 36px;
  line-height: 40px;
  /* identical to box height, or 111% */
  letter-spacing: -0.03em; }

h3,
.h-3 {
  /* Heading 3 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */
  font-feature-settings: "pnum" on, "lnum" on; }

h4,
.h-4 {
  /* Heading 4 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
  line-height: 30px;
  /* identical to box height, or 136% */
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on; }

.h-4-m {
  /* Heading 4 (MOBILE) */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 24px;
  letter-spacing: 0.06em; }

h5,
.h-5 {
  /* Heading 5 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 28px;
  /* identical to box height, or 136% */
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on; }

/* End of Headings */
/* Sub headings */
.sh-1 {
  /* Subhead 1 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 26px;
  /* identical to box height, or 144% */
  font-feature-settings: "pnum" on, "lnum" on; }

.sh-2 {
  /* Subhead 2 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 20px; */
  line-height: 22px;
  /* identical to box height, or 143% */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on; }

/* End of Sub headings */
/* Paragraph */
.p-1 {
  /* Paragraph 1 (intro) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 150%;
  /* identical to box height, or 36px */
  font-feature-settings: "pnum" on, "lnum" on; }

.p-2 {
  /* Paragraph 2 (primary) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */
  font-feature-settings: "pnum" on, "lnum" on; }

.p-3 {
  /* Paragraph 3 (bold) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  font-feature-settings: "pnum" on, "lnum" on; }

/* End of Paragraph*/
/* Links */
.l-1 {
  /* Link 1 */
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.01em; }

.l-2 {
  /* Link 2 */
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  /* identical to box height, or 143% */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on; }

/* End of Links*/
/* Menu Links */
.ml-1 {
  /* Menu L1 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on; }

.ml-2 {
  /* Menu: L2 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  font-feature-settings: "pnum" on, "lnum" on; }

.ml-3 {
  /* Menu: L3 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  /* identical to box height, or 157% */
  font-feature-settings: "pnum" on, "lnum" on; }

/* Quotes */
.pq-1 {
  /* Pull-Quote */
  font-family: Spectral;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  letter-spacing: -0.02em;
  font-feature-settings: "pnum" on, "lnum" on; }

/* End of Quotes*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Headings */
  h1,
  .h-1 {
    font-size: 60px; }

  h2,
  .h-2 {
    font-size: 55px; }

  h3,
  .h-3 {
    font-size: 26px;
    line-height: 34px; }

  h4,
  .h-4 {
    font-size: 18px;
    line-height: 26px; }

  h5,
  .h-5 {
    font-size: 16px;
    line-height: 26px; }

  /* End of Headings */ }
/* Mobile */
@media only screen and (max-width: 767px) {
  /* Headings */
  h1,
  .h-1 {
    /* Heading 1 */
    font-size: 48px;
    line-height: 54px;
    /* identical to box height, or 112% */
    letter-spacing: -0.03em; }

  h2,
  .h-2 {
    /* Heading 2 (MOBILE) */
    font-size: 36px;
    line-height: 40px;
    /* identical to box height, or 111% */
    letter-spacing: -0.03em; }

  h4,
  .h-4 {
    /* Heading 4 (MOBILE) */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0.06em; }

  /* End of Headings */
  /* Quotes */
  .pq-1 {
    /* Pull-Quote (MOBILE) */
    font-size: 18px;
    line-height: 26px; }

  /* End of Quotes*/ }
/* End of Mobile */
/* Site default settings */
body {
  font-variant-numeric: lining-nums; }

a {
  cursor: pointer; }

a,
a:hover,
a:focus {
  text-decoration: none; }

button,
input {
  border-radius: 0;
  outline: 0;
  background: transparent; }

body:not(.logged-in) .edit-node {
  display: none; }

img {
  max-width: 100%;
  height: auto; }

.bg-dark {
  background: #f2f0ff; }

.disable-click {
  pointer-events: none !important; }

.hide-content-region .content-sec {
  display: none; }

.page-node-unpublish.hide-content-region .content-sec {
  display: block; }

/* mCustombar scroll issue */
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 30px; }

/* Custom Container Classes */
/* Inner Pages */
.custom-outer-container {
  max-width: 1245px;
  padding: 0 15px;
  margin: 60px auto; }

.custom-inner-container {
  max-width: 710px;
  padding: 0 15px;
  margin: 0 auto; }

.custom-inner-container-2 {
  max-width: 1033px;
  padding: 0 15px;
  margin: 0 auto; }

.custom-inner-container-3 {
  max-width: 1093px;
  padding: 0 15px;
  margin: 0 auto; }

/* End of Inne Pages */
/* End of Custom Container Classes */
.dot-item > span:not(:last-child):after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: inline-block;
  background-color: #242071;
  margin: 0 8px 3px 5px; }

/* Default color based on resource type */
.view-icon > a {
  color: #242071; }
.view-icon svg path {
  fill: #242071; }

.fp2030-resources .base-color {
  color: #2e4ab5; }
.fp2030-resources .view-icon svg path {
  fill: #2e4ab5; }
.fp2030-resources .social-share svg .circle {
  fill: #2e4ab5; }

.data .base-color {
  color: #1bce9b; }
.data .view-icon svg path {
  fill: #1bce9b; }
.data .social-share svg .circle {
  fill: #1bce9b; }

.factsheets .base-color {
  color: #2e4ab5; }
.factsheets .view-icon svg path {
  fill: #2e4ab5; }
.factsheets .social-share svg .circle {
  fill: #2e4ab5; }

.infographics .base-color {
  color: #ffb636; }
.infographics .view-icon svg path {
  fill: #ffb636; }
.infographics .social-share svg .circle {
  fill: #ffb636; }

.videos-and-webinars .base-color {
  color: #ff7140; }
.videos-and-webinars .view-icon svg path {
  fill: #ff7140; }
.videos-and-webinars .social-share svg .circle {
  fill: #ff7140; }

.meeting-documents .base-color {
  color: #21b1fe; }
.meeting-documents .view-icon svg path {
  fill: #21b1fe; }
.meeting-documents .social-share svg .circle {
  fill: #21b1fe; }

.toolkits .base-color {
  color: #89427B; }
.toolkits .view-icon svg path {
  fill: #89427B; }
.toolkits .social-share svg .circle {
  fill: #89427B; }

/* End of Default color based on Resource type  */
/* Default color based on news type  */
.type-box {
  display: inline-block;
  /* Link 2 */
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  /* identical to box height, or 143% */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on;
  line-height: 22px;
  color: #242071;
  padding: 5px 8px;
  margin-bottom: 10px;
  border: 1px solid; }

.fp2030-s-official-statements.card {
  border-color: #7cc043; }
.fp2030-s-official-statements .type-box {
  font-size: 13px;
  background-color: #7cc043;
  border-color: #7cc043;
  color: #fff; }

.calls-to-action.card {
  border-color: #9E8B83; }
.calls-to-action .type-box {
  font-size: 13px;
  background-color: #9E8B83;
  border-color: #9E8B83;
  color: #fff; }

.fp2030-in-the-media.card {
  border-color: #1bce9b; }
.fp2030-in-the-media .type-box {
  background-color: #1bce9b;
  border-color: #1bce9b; }

.press-releases.card {
  border-color: #2e4ab5; }
.press-releases .type-box {
  background-color: #2e4ab5;
  border-color: #2e4ab5;
  color: #fff; }

.fp2030-newsletters.card {
  border-color: #ffb636; }
.fp2030-newsletters .type-box {
  background-color: #ffb636;
  border-color: #ffb636; }

.updates.card {
  border-color: #ff7140; }
.updates .type-box {
  background-color: #ff7140;
  border-color: #ff7140; }

.in-the-news.card {
  border-color: #21b1fe; }
.in-the-news .type-box {
  background-color: #21b1fe;
  border-color: #21b1fe; }

/* End of Default color based on news type  */
/* 404 page */
.page-404 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 60px 15px; }

.page-404 p {
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  font-feature-settings: "pnum" on, "lnum" on; }

.page-404 a {
  font-weight: 700;
  color: #242071;
  transition: all 0.3s ease; }
  .page-404 a:hover {
    color: #2e4ab5; }

.page-404__top-sec {
  margin-bottom: 30px; }

.page-404__sec {
  border: 1px solid #ccc;
  padding: 30px;
  box-shadow: 4px 3px 9px 2px rgba(204, 204, 204, 0.3); }

.page-404__top-title,
.page-404__btm-title {
  color: #242071; }

.page-404__btm-li {
  margin-bottom: 10px; }

/* End of 404 page */
.logged-in {
  /* For view/ edit/ manage display */ }
  .logged-in .edit-node a,
  .logged-in .manage-node a {
    display: inline-block;
    padding: 2px 5px;
    padding-right: 27px;
    /* Link 2 */
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 143% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: 12px;
    margin-top: 3px;
    color: #242071;
    text-transform: unset;
    transition: all 0.3s ease;
    background: #ffb636 url(../scss-js/base/img/default/admin/edit.png) no-repeat right 5px top 2px; }
    .logged-in .edit-node a:hover,
    .logged-in .manage-node a:hover {
      color: #fff; }
  .logged-in .manage-node a {
    background: #ffb636 url(../scss-js/base/img/default/admin/manage.png) no-repeat right 5px top 2px; }
  .logged-in .main-container > .tabs--primary {
    margin-bottom: 0; }
  .logged-in .outside-edit {
    position: relative; }
    .logged-in .outside-edit .edit-node {
      position: absolute;
      top: -30px;
      right: 0; }
    .logged-in .outside-edit.rt-15 .edit-node {
      right: 15px; }

@media only screen and (min-width: 1840px) {
  body:not(.transition-report) .full-width-region > .region > section:not(.banner-block, .page-template, .details-body),
  .custom-limit-container {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto; } }
/* Custom Container For Detail pages */
/* Outer Container */
@media only screen and (max-width: 1439px) {
  .custom-outer-container {
    max-width: 1145px;
    margin: 30px auto; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .custom-outer-container {
    max-width: 1025px;
    margin: 20px auto; } }
/* End of Outer Container */
/* Inner Container */
/* Inner container 2 */
@media only screen and (max-width: 1199px) {
  .custom-inner-container-2 {
    max-width: 933px; } }
/* End of Inner container 2 */
/* End of Inner Container */
/* End of Custom Container For Detail pages */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .custom-outer-container {
    padding: 0 40px; }
    .custom-outer-container .custom-inner-container-2 {
      padding: 0; }

  .custom-inner-container-2 {
    padding: 0 40px; } }
@media only screen and (max-width: 767px) {
  .custom-outer-container {
    padding: 0 24px; }
    .custom-outer-container .custom-inner-container {
      padding: 0; }

  .custom-inner-container-2 {
    padding: 0; } }
/* Components */
.three-arrow {
  background: url(../scss-js/components/img/icons/three-arrow.svg) center no-repeat; }

.arrow {
  background: url(../scss-js/components/img/icons/arrow.svg) center no-repeat; }

.arrow-white {
  width: 16px;
  height: 20px;
  display: inline-block;
  background: url(../scss-js/components/img/icons/white-arrow.svg) center no-repeat; }

.arrow-round {
  background: url(../scss-js/components/img/icons/arrow-round.svg) center no-repeat; }

.arrow-double {
  background: url(../scss-js/components/img/icons/arrow-double.svg) center no-repeat; }

.goup-arrow-1 {
  display: inline-block;
  width: 29px;
  height: 16px;
  background: url(../scss-js/components/img/icons/goup-arrow-1.svg) center no-repeat; }

.goup-arrow-2 {
  display: inline-block;
  width: 26px;
  height: 18px;
  background: url(../scss-js/components/img/icons/goup-arrow-2.svg) center no-repeat; }

.goup-arrow-3 {
  display: inline-block;
  width: 26px;
  height: 18px;
  background: url(../scss-js/components/img/icons/goup-arrow-3.png) center no-repeat; }

/* Go up arrow */
.go-up-arrow {
  position: fixed;
  bottom: 20px;
  z-index: 5;
  width: 45px;
  height: 45px;
  right: 0;
  background: #f2f0ff;
  border-radius: 50%;
  color: #fff;
  right: -100%;
  transition: right 0.7s ease;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  .go-up-arrow.show-arrow {
    right: 15px; }

/* End of Go up arrow */
.ln-more,
.bottom-wrap a {
  display: inline-block;
  transition: all 0.3s ease;
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 1px solid #fff;
  padding: 20px 23px; }
  .ln-more:hover,
  .bottom-wrap a:hover {
    border-color: #1bce9b;
    color: #242071;
    background: #1bce9b; }

.readmore-btn,
.download-btn {
  display: inline-block;
  border: 1px solid #242071;
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #242071;
  margin-top: 25px;
  padding: 19.5px 15px;
  transition: all 0.3s ease; }
  .readmore-btn:hover,
  .download-btn:hover {
    background: #242071;
    color: #fff; }

.readmore-btn {
  padding: 19.5px 21.5px; }

.readmore-double > a {
  display: inline-block;
  /* Link 1 */
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.01em;
  color: #2e4ab5;
  padding-right: 20px;
  background: url(../scss-js/components/img/icons/primary-double-arrow.svg) center right no-repeat; }
  .readmore-double > a:hover {
    color: #1bce9b;
    background: url(../scss-js/components/img/icons/prominant-double-arrow.svg) center right no-repeat; }

.all-btn {
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  background: #242071;
  color: #fff;
  padding: 18.5px 28px;
  border: 1px solid #242071;
  transition: all 0.3s ease; }
  .all-btn:hover {
    color: #242071;
    background: #fff; }

/* General Card Styles */
.each-card {
  position: relative; }
  .each-card > a {
    display: flex;
    width: 100%; }
  .each-card .edit-node {
    position: absolute;
    top: -30px;
    right: 15px; }

.card {
  position: relative;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15); }
  .card .bottom-icon svg,
  .card .view-icon .icon svg,
  .card .left-icon svg {
    width: 100%;
    height: 100%; }
  .card .center-area {
    position: relative; }
    .card .center-area .normal-state,
    .card .center-area .hover-state {
      transition: opacity 0.3s ease; }
    .card .center-area .hover-state {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      z-index: -1;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 80px; }
      .card .center-area .hover-state > a {
        cursor: pointer;
        display: inline-block;
        height: 100%; }
      .card .center-area .hover-state .title,
      .card .center-area .hover-state .title a {
        /* Paragraph 1 (intro) */
        font-family: Raleway;
        font-style: normal;
        font-weight: 800;
        font-size: 24px;
        line-height: 150%;
        /* identical to box height, or 36px */
        font-feature-settings: "pnum" on, "lnum" on;
        color: #242071;
        border-bottom: 5px solid #1bce9b;
        display: inline;
        /*  &:hover {
          opacity: 0.8;
        } */ }
      .card .center-area .hover-state .desc {
        /* Paragraph 2 (primary) */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height, or 162% */
        font-feature-settings: "pnum" on, "lnum" on;
        color: #242071;
        margin-top: 16px; }
      .card .center-area .hover-state .arrow-round {
        position: absolute;
        font-size: 0;
        right: 34px;
        bottom: 30px;
        width: 40px;
        height: 40px; }
    .card .center-area .img {
      position: relative;
      z-index: 1; }
    .card .center-area .bottom-panel {
      margin-top: 30px;
      position: relative; }
      .card .center-area .bottom-panel .title,
      .card .center-area .bottom-panel .title a {
        /* Paragraph 1 (intro) */
        font-family: Raleway;
        font-style: normal;
        font-weight: 800;
        font-size: 24px;
        line-height: 150%;
        /* identical to box height, or 36px */
        font-feature-settings: "pnum" on, "lnum" on;
        color: #242071; }
      .card .center-area .bottom-panel .title {
        padding-right: 40px; }
      .card .center-area .bottom-panel .arrow {
        position: absolute;
        top: 50%;
        right: 0;
        width: 40px;
        height: 40px;
        transform: translateY(-50%); }
  .card:hover .normal-state {
    opacity: 0; }
  .card:hover .hover-state {
    opacity: 1;
    z-index: 1; }
  .card:hover .view-icon svg path {
    fill: #fff; }
  .card:hover .bottom-icon svg * {
    fill: transparent;
    stroke: #fff; }
  .card .bottom-icon {
    position: absolute;
    bottom: 20px;
    left: 40px;
    width: 40px;
    height: 40px; }
  .card .view-icon a {
    display: inline-block;
    margin-top: 15px;
    /* Link 2 */
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 143% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    padding-right: 3px;
    text-transform: uppercase; }

/* End of General Card Styles */
/* Card style 1 */
.card-style1 {
  background: #fff;
  border: 1px solid #1bce9b;
  max-width: 498px;
  width: 100%; }
  .card-style1 .back-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #1bce9b; }
  .card-style1 .center-area {
    padding: 34px 34px 29px; }

.primary-color .card-style1 {
  border: 1px solid #242071; }
  .primary-color .card-style1 .center-area .hover-state .title,
  .primary-color .card-style1 .center-area .hover-state .title a {
    border-color: #242071; }
  .primary-color .card-style1 .center-area .hover-state .arrow-round {
    background: url(../scss-js/components/img/icons/arrow-round-blue.svg) center no-repeat; }
  .primary-color .card-style1 .back-panel {
    background: #242071; }
  .primary-color .card-style1 .bottom-panel .arrow {
    background: url(../scss-js/components/img/icons/arrow-blue.svg) center no-repeat; }

.multi-color .card-style1 .hover-state .arrow-round {
  background: url(../scss-js/components/img/icons/arrow-round-blue.svg) center no-repeat; }
.multi-color .card-style1 .bottom-panel .arrow {
  background: url(../scss-js/components/img/icons/arrow-blue.svg) center no-repeat; }
.multi-color .views-row:nth-child(4n + 1) .card-style1 {
  border-color: #ff7140; }
  .multi-color .views-row:nth-child(4n + 1) .card-style1 .back-panel {
    background: #ff7140; }
  .multi-color .views-row:nth-child(4n + 1) .card-style1 .hover-state .title {
    border-color: #ff7140; }
.multi-color .views-row:nth-child(4n + 2) .card-style1 {
  border-color: #ffb636; }
  .multi-color .views-row:nth-child(4n + 2) .card-style1 .back-panel {
    background: #ffb636; }
  .multi-color .views-row:nth-child(4n + 2) .card-style1 .hover-state .title {
    border-color: #ffb636; }
.multi-color .views-row:nth-child(4n + 3) .card-style1 {
  border-color: #2e4ab5; }
  .multi-color .views-row:nth-child(4n + 3) .card-style1 .back-panel {
    background: #2e4ab5; }
  .multi-color .views-row:nth-child(4n + 3) .card-style1 .hover-state .title {
    border-color: #2e4ab5; }
.multi-color .views-row:nth-child(4n + 4) .card-style1 .back-panel {
  background: #1bce9b; }

/* End of Card Style 1 */
/* Card Style 2 */
.card-style2 {
  border: 1px solid #242071;
  width: 488px;
  transition: all 0.3s ease;
  background-color: #f2f0ff; }
  .card-style2.full-width {
    width: 100%;
    background: #2e4ab5;
    border-color: #2e4ab5; }
    .card-style2.full-width .bg-img img {
      max-width: 454px;
      max-height: 232px; }
    .card-style2.full-width:hover {
      background-color: #fff !important; }
      .card-style2.full-width:hover .title,
      .card-style2.full-width:hover .title a,
      .card-style2.full-width:hover .view-icon .view-icon-text {
        color: #2e4ab5;
        opacity: 1; }
      .card-style2.full-width:hover .view-icon .view-icon-text {
        /* Link 2 */
        font-family: Raleway;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        /* identical to box height, or 143% */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on;
        padding-right: 18px;
        background: url(../scss-js/pages/img/resource/icons/arrow-report.svg) center right no-repeat; }
    .card-style2.full-width .center-area {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      min-height: 318px;
      padding: 75px; }
    .card-style2.full-width .title-wrap {
      max-width: 400px; }
    .card-style2.full-width .title {
      width: 100%; }
    .card-style2.full-width .title,
    .card-style2.full-width .title a {
      /* Heading 3 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      /* identical to box height, or 125% */
      font-feature-settings: "pnum" on, "lnum" on; }
    .card-style2.full-width .title,
    .card-style2.full-width .title a,
    .card-style2.full-width .view-icon .view-icon-text {
      color: #fff; }
    .card-style2.full-width .view-icon {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-top: 15px; }
      .card-style2.full-width .view-icon .icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-right: 20px; }
        .card-style2.full-width .view-icon .icon svg * {
          fill: transparent;
          stroke: #fff; }
    .card-style2.full-width .view-icon a,
    .card-style2.full-width .view-icon .view-icon-text {
      /* Link 2 */
      font-family: Raleway;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 22px;
      /* identical to box height, or 143% */
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on;
      padding-right: 18px;
      margin-top: 0;
      background: url(../scss-js/pages/img/resource/icons/full-width/arrow-white.svg) center right no-repeat; }
  .card-style2:hover {
    background-color: #242071 !important; }
    .card-style2:hover .title a,
    .card-style2:hover .view-icon a,
    .card-style2:hover .view-icon .view-icon-text {
      color: #fff; }
    .card-style2:hover .view-icon .icon svg * {
      stroke: #2e4ab5; }
  .card-style2 .center-area {
    position: relative;
    padding: 35px 40px 20px;
    min-height: 250px; }
    .card-style2 .center-area > div:not(.bg-img, .bottom-icon) {
      position: relative;
      z-index: 2; }
  .card-style2 .bg-img {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0; }
    .card-style2 .bg-img img {
      max-width: 269px;
      max-height: 180px;
      height: 100%;
      object-fit: contain;
      object-position: right bottom; }
  .card-style2 .title a {
    /* Paragraph 1 (intro) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071;
    padding-right: 40px;
      /* &:hover {
  opacity: 0.8;
}
 */ }

/* End of Card style 2 */
/* Card style 3 */
.card-style3 {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 30px 30px 50px;
  background: #fff;
  border: 1px solid #1bce9b;
  width: 100%; }
  .card-style3 .edit-node {
    position: absolute;
    top: -32px;
    right: 0; }
  .card-style3:hover {
    background: #242071; }
    .card-style3:hover .sh-1,
    .card-style3:hover .sh-1 a {
      color: #fff; }
    .card-style3:hover .left-icon svg * {
      fill: transparent; }
    .card-style3:hover .view-icon {
      color: #fff !important;
      background: url(../scss-js/pages/img/resource/icons/full-width/arrow-white.svg) center right no-repeat !important; }
  .card-style3 .left-wrap {
    margin-right: 30px; }
  .card-style3 .left-icon {
    width: 80px;
    height: 80px; }
  .card-style3.fp2030-resources {
    border-color: #2e4ab5; }
  .card-style3.data {
    border-color: #1bce9b; }
  .card-style3.factsheets {
    border-color: #2e4ab5; }
  .card-style3.infographics {
    border-color: #ffb636; }
  .card-style3.toolkits {
    border-color: #89427B; }
  .card-style3.videos-and-webinars {
    border-color: #ff7140; }
  .card-style3.meeting-documents {
    border-color: #21b1fe; }
  .card-style3 .right-wrap {
    width: calc(100% - 130px); }
    .card-style3 .right-wrap .view-icon {
      display: inline-block;
      /* Link 2 */
      font-family: Raleway;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 22px;
      /* identical to box height, or 143% */
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071;
      padding-right: 15px;
      background: url(../scss-js/pages/img/resource/icons/arrow-primary.svg) center right no-repeat;
      margin-top: 8px;
      /*   &:hover {
       opacity: 0.8;
      }*/ }
  .card-style3 .view-icon a {
    /* Link 2 */
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 143% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    opacity: 1;
    margin-top: 8px; }
  .card-style3 .sh-1,
  .card-style3 .sh-1 a {
    color: #242071; }

/* End of Card style 3 */
/* Card style 4 */
.card-style4 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: baseline;
  padding: 30px 33px 56px 28px;
  background: #fff;
  border: 1px solid #242071;
  width: 100%;
  min-height: 278px; }
  .card-style4 > a {
    display: inline-block; }
  .card-style4 .type-box {
    margin-bottom: 20px; }
  .card-style4 .title {
    width: 100%;
    /* Subhead 1 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height, or 144% */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071; }
  .card-style4:hover {
    background: #242071; }
    .card-style4:hover .title {
      color: #fff; }
    .card-style4:hover .view-icon {
      color: #fff;
      background: url(../scss-js/pages/img/resource/icons/full-width/arrow-white.svg) center right no-repeat; }
  .card-style4 .view-icon {
    position: absolute;
    bottom: 23px;
    /* Link 2 */
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 143% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071;
    margin-top: 0;
    padding-right: 15px;
    background: url(../scss-js/pages/img/resource/icons/arrow-primary.svg) center right no-repeat; }

/* End of Card style 4 */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .card .center-area .hover-state {
    padding: 15px 15px 55px; }
    .card .center-area .hover-state .arrow-round {
      bottom: 15px;
      right: 15px; }
  .card .center-area .bottom-panel .title {
    font-size: 20px; }

  .card-style2 {
    width: 488px; }
    .card-style2 .center-area {
      padding: 35px 40px 20px; }
    .card-style2 .title a {
      padding-right: 40px; } }
@media only screen and (max-width: 1024px) {
  .card.card-style1 .hover-state {
    pointer-events: none;
    transition: all 0.3s ease; }
  .card.card-style1:hover .hover-state {
    pointer-events: auto;
    transition-delay: 0.4s; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-style2.full-width .center-area {
    padding: 40px; }

  .card-style3 {
    padding: 30px; } }
@media only screen and (max-width: 767px) {
  .card .center-area .bottom-panel {
    margin-top: 10px; }
    .card .center-area .bottom-panel .title,
    .card .center-area .bottom-panel .title a {
      /* Paragraph 3 (bold) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
      font-feature-settings: "pnum" on, "lnum" on; }
    .card .center-area .bottom-panel .arrow {
      width: 9px;
      height: 12px;
      background-size: 9px 12px; }
  .card .center-area .hover-state {
    padding: 15px 15px 40px; }
    .card .center-area .hover-state .title,
    .card .center-area .hover-state .title a {
      /* Paragraph 3 (bold) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
      font-feature-settings: "pnum" on, "lnum" on; }
    .card .center-area .hover-state .desc {
      margin-top: 10px;
      font-size: 14px;
      line-height: 18px; }
    .card .center-area .hover-state .arrow-round {
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      bottom: 15px;
      right: 15px; }
  .card .view-icon a {
    margin-top: 6px;
    /* Link 2 */
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 143% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    padding-right: 4px; }

  .card-style1 .center-area {
    padding: 22px 20px 10px; }

  .card-style2 {
    width: 100%; }
    .card-style2 .center-area {
      padding: 23px 27px;
      min-height: 175px; }
    .card-style2 .bg-img {
      height: 130px; }
    .card-style2 .bottom-icon {
      width: 30px;
      height: 30px;
      background-size: 30px !important;
      left: 26px; }
    .card-style2 .title a {
      /* Paragraph 3 (bold) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
      font-feature-settings: "pnum" on, "lnum" on; }
    .card-style2.full-width .center-area {
      align-items: flex-start;
      padding: 25px 30px; }
    .card-style2.full-width .title,
    .card-style2.full-width .title a {
      /* Subhead 1 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 26px;
      /* identical to box height, or 144% */
      font-feature-settings: "pnum" on, "lnum" on; }
    .card-style2.full-width .view-icon {
      margin-top: 10px;
      margin-right: 16px; }
      .card-style2.full-width .view-icon .icon {
        background-size: 60% !important; }

  .card-style3 {
    padding: 25px 10px 25px 18px; }
    .card-style3 .sh-1 {
      /* Paragraph 3 (bold) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
      font-feature-settings: "pnum" on, "lnum" on; }
    .card-style3 .left-wrap {
      display: flex;
      align-items: center;
      width: 70px;
      height: 100%;
      margin-right: 5px; }
      .card-style3 .left-wrap .left-icon {
        width: 60px;
        height: 60px; }
    .card-style3 .right-wrap {
      width: calc(100% - 75px); }

  .card-style4 {
    min-height: 212px;
    padding: 20px 25px 56px 20px; }
    .card-style4 .title {
      font-size: 16px;
      line-height: 24px; }
    .card-style4 .typo-box {
      padding: 4px 8px;
      margin-bottom: 10px; }
    .card-style4 .view-icon {
      bottom: 17px; } }
@media only screen and (max-width: 767px) {
  .primary-color .card-style1 .center-area .hover-state .arrow-round {
    background-size: 18px 18px; } }
/* Further Resource Section */
.accordions-wrap .accordions-item {
  position: relative;
  padding: 15px 0 0;
  border-top: 6px solid #242071; }
.accordions-wrap .accordions-title {
  position: relative;
  padding-right: 30px;
  color: #242071; }
.accordions-wrap .arrow-double {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 11px;
  height: 16px;
  font-size: 0;
  cursor: pointer;
  transition: all 0.3s ease; }

/* Layouts */
/* Common Header Styles */
header {
  /* #312151 */ }
  header.only-one-language .select2-selection__arrow {
    display: none; }
  header.only-one-language .lang_dropdown_form {
    pointer-events: none; }
  header#navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1053; }
  header#navbar.container {
    margin: 0;
    border: none;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 86px;
    background: #242071; }
  header .logo {
    transition: transform 1s ease; }
    header .logo img {
      display: none; }
  header .navbar-brand {
    display: none; }

.advanced-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 95.7%;
  background-color: #3A3A3A;
  z-index: 1500;
  transition: all 1s ease;
  margin: 0 auto;
  right: 0;
  height: 290px;
  transform: translateX(130%);
  display: block !important; }
  .advanced-search .search-close {
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0px;
    cursor: pointer;
    background: url(../scss-js/layouts/img/header/responsive/close.svg) center no-repeat;
    background-size: contain; }
  .advanced-search.show-this {
    transform: translateX(0%); }
  .advanced-search form {
    width: 77%;
    margin: 55px auto 0; }
  .advanced-search .search-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding: 0; }
    .advanced-search .search-wrap label {
      /* Heading 3 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      /* identical to box height, or 125% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #fff;
      margin-bottom: 30px;
      width: 100%;
      text-align: center; }
    .advanced-search .search-wrap .search-inner-wrap {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
    .advanced-search .search-wrap .views-widget {
      width: 100%; }
    .advanced-search .search-wrap .form-item {
      width: calc(100% - 190px); }
    .advanced-search .search-wrap .views-submit-button {
      padding: 0; }
    .advanced-search .search-wrap .views-submit-button,
    .advanced-search .search-wrap .form-submit {
      width: 190px;
      height: 50px;
      margin: 0; }
    .advanced-search .search-wrap input {
      height: 50px;
      border: 0 !important;
      outline: 0 !important;
      box-shadow: none !important;
      padding: 0 31px 0 80px;
      /* Paragraph 2 (primary) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #000;
      border-radius: 0;
      background: #fff url(../scss-js/layouts/img/header/search-icon-grey.svg) no-repeat left 15px center; }
    .advanced-search .search-wrap .form-submit,
    .advanced-search .search-wrap .form-submit:active:focus {
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 20px;
      border-radius: 0;
      outline: 0 !important;
      box-shadow: none !important;
      border: 0 !important;
      background: #1bce9b;
      user-select: none;
      color: #fff;
      transition: all 0.3s ease; }
    .advanced-search .search-wrap .form-submit:hover {
      color: #242071; }
    .advanced-search .search-wrap .advanced-filter-btn {
      display: inline-block;
      font-size: 16px;
      color: #fff;
      border: 1px solid #1bce9b;
      padding: 10px 15px;
      cursor: pointer;
      margin-top: 15px; }

.advanced-filter {
  display: none;
  width: 100%;
  justify-content: space-between;
  /* padding: 0 50px;
  position: absolute;
  left: 0;
  top: 240px; */ }
  .advanced-filter.show-this {
    display: flex;
    flex-wrap: wrap; }
  .advanced-filter .views-exposed-widget {
    width: 33.33%;
    padding-right: 30px; }
    .advanced-filter .views-exposed-widget:last-child {
      padding-right: 0; }
    .advanced-filter .views-exposed-widget > label {
      position: relative;
      display: block;
      cursor: pointer;
      font-size: 14px;
      color: #fff;
      margin: 0;
      padding: 21px 0 17px; }
      .advanced-filter .views-exposed-widget > label::before, .advanced-filter .views-exposed-widget > label::after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 2px;
        height: 10px;
        top: 50%;
        right: 5px;
        background: #fff;
        transform: translateY(-50%);
        transition: transform 0.5s ease; }
      .advanced-filter .views-exposed-widget > label.active::after, .advanced-filter .views-exposed-widget > label::before {
        transform: translateY(-50%) rotate(90deg); }
      .advanced-filter .views-exposed-widget > label.active + .views-widget {
        max-height: 200px; }
  .advanced-filter .views-widget {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease;
    border-bottom: 1px solid #d6d6d6; }
    .advanced-filter .views-widget > .form-item {
      max-height: 250px;
      overflow: hidden;
      padding: 15px 5px 60px 10px;
      background: #fff; }
    .advanced-filter .views-widget .mCSB_inside > .mCSB_container {
      margin-right: 10px; }
    .advanced-filter .views-widget .form-control {
      border: 0;
      outline: 0;
      box-shadow: none;
      height: 100%;
      padding: 0; }
    .advanced-filter .views-widget .form-checkboxes {
      background: transparent; }
    .advanced-filter .views-widget .bef-group-heading {
      display: none; }
    .advanced-filter .views-widget .bef-checkboxes input {
      width: 15px !important;
      height: 15px;
      margin-right: 10px;
      margin-top: 0;
      display: none; }
      .advanced-filter .views-widget .bef-checkboxes input + label {
        position: relative;
        padding-left: 20px;
        font-size: 13px;
        font-weight: 400;
        color: #000; }
        .advanced-filter .views-widget .bef-checkboxes input + label::before {
          content: "";
          position: absolute;
          border-radius: 0;
          width: 13px;
          height: 13px;
          border: 1px solid #6e6f71;
          left: 0;
          top: 2px;
          pointer-events: none; }
      .advanced-filter .views-widget .bef-checkboxes input:checked + label::before {
        background: url(../scss-js/pages/img/result-page/tick.png) center no-repeat; }

/* End of Common Header Styles */
@media only screen and (min-width: 1700px) {
  header .menu.nav .has-sub > .dropdown-menu .mCSB_container {
    justify-content: center; }
  header .menu.nav .each-item {
    width: auto;
    max-width: 315px; } }
@media only screen and (min-width: 1025px) {
  body {
    padding-top: 104px; }
    body.fix-header .ln-dropdown {
      top: 84px; }

  /* Language dropdown styling */
  .ln-dropdown {
    position: fixed !important;
    top: 104px;
    left: auto !important;
    right: 140px;
    z-index: 9;
    min-width: 110px !important; }
    .ln-dropdown .select2-results__options {
      padding: 15px; }
    .ln-dropdown .select2-results {
      margin: 0;
      padding: 0; }
    .ln-dropdown .select2-results__option.select2-results__option--selectable {
      display: block;
      font-family: 'Raleway';
      font-size: 14px;
      background: transparent !important;
      color: #242071 !important;
      transition: opacity 0.3s ease; }
      .ln-dropdown .select2-results__option.select2-results__option--selectable:not(.select2-results__option--selected):hover {
        opacity: 0.8; }
      .ln-dropdown .select2-results__option.select2-results__option--selectable.select2-results__option--selected {
        font-weight: 700; }

  .header-loaded header .region-navigation {
    opacity: 1; }

  header .region-navigation {
    opacity: 0;
    transition: opacity 0.3s ease; }

  header .header-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  header .logo {
    width: 94px;
    height: 62px;
    background: url(../scss-js/layouts/img/header/logo.svg) center/cover no-repeat; }
  header .block-title,
  header .navbar-nav {
    display: none; }
  header .navbar-collapse {
    width: calc(100% - 100px); }
  header .region-navigation,
  header .language-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center; }
  header .language-section .select2-container {
    width: 55px !important;
    margin-bottom: 0; }
  header .language-section .select2-container--default .select2-selection--single {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    color: #fff; }
    header .language-section .select2-container--default .select2-selection--single .select2-selection__rendered {
      font-size: 12px;
      font-weight: 800;
      color: #fff; }
    header .language-section .select2-container--default .select2-selection--single .select2-selection__arrow {
      right: 12px; }
      header .language-section .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #fff transparent transparent transparent; }
  header .language-section .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent; }
  header .custom-search {
    margin-left: 15px; }
  header #modal-custom-search {
    display: inline-block;
    width: 44px;
    height: 34px;
    background: url(../scss-js/layouts/img/header/search-icon.svg) center no-repeat;
    font-size: 0;
    box-shadow: none !important; }
  header .menu.nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 104px;
    transition: height 0.5s ease; }
    header .menu.nav > li {
      display: flex;
      height: 100%;
      align-items: center; }
      header .menu.nav > li a {
        padding: 0 16px; }
      header .menu.nav > li > a,
      header .menu.nav > li > a:focus {
        display: inline-block;
        /* Menu L1 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 800;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on;
        color: #fff;
        background: transparent;
        text-transform: capitalize;
        transition: all 0.3s ease; }
        header .menu.nav > li > a:hover,
        header .menu.nav > li > a:focus:hover {
          color: #1bce9b;
          background: transparent; }
    header .menu.nav .has-sub {
      position: relative; }
      header .menu.nav .has-sub:after {
        content: '';
        width: 15px;
        height: 15px;
        background: url(../scss-js/layouts/img/header/after-arrow.svg) center bottom -4px no-repeat;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
        display: none; }
      header .menu.nav .has-sub:hover:after {
        display: block; }
      header .menu.nav .has-sub:hover > a:not(.main-link) {
        color: #1bce9b; }
      header .menu.nav .has-sub:hover > .dropdown-menu {
        display: flex; }
      header .menu.nav .has-sub > .dropdown-menu {
        display: none;
        position: fixed;
        border: 0;
        top: 101px;
        border-radius: 0;
        width: 100%;
        height: auto;
        padding: 40px 82px 40px 112px;
        min-height: 250px; }
        header .menu.nav .has-sub > .dropdown-menu .scroll-wrap {
          max-height: calc(100vh - 184px);
          width: 100%; }
        header .menu.nav .has-sub > .dropdown-menu .mCSB_container {
          display: flex;
          flex-wrap: wrap; }
        header .menu.nav .has-sub > .dropdown-menu a {
          white-space: normal;
          word-wrap: break-word;
          word-break: break-word; }
    header .menu.nav .each-item {
      width: 20%; }
      header .menu.nav .each-item:not(:last-child) {
        padding-right: 15px; }
      header .menu.nav .each-item a {
        display: block;
        color: #242071;
        padding: 0 0 5px;
        transition: opacity 0.3s ease;
        background: transparent;
        cursor: pointer; }
        header .menu.nav .each-item a.main-link {
          /* Menu: L2 */
          font-family: Raleway;
          font-style: normal;
          font-weight: 800;
          font-size: 14px;
          line-height: 20px;
          /* identical to box height, or 143% */
          font-feature-settings: "pnum" on, "lnum" on;
          text-transform: unset; }
          header .menu.nav .each-item a.main-link:hover {
            text-decoration: underline; }
      header .menu.nav .each-item .sub-links > a {
        /* Menu: L3 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        /* identical to box height, or 157% */
        font-feature-settings: "pnum" on, "lnum" on; }
        header .menu.nav .each-item .sub-links > a:hover {
          text-decoration: underline; }

  .fix-header header .menu.nav {
    height: 84px; }
    .fix-header header .menu.nav .has-sub > .dropdown-menu {
      top: 81px; }
  .fix-header header .logo {
    transform: scale(0.9); }

  /* Mega Menu */
  .tb-megamenu {
    background: transparent; }
    .tb-megamenu .tb-megamenu-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .tb-megamenu .tb-megamenu-nav > li.dropdown {
        text-transform: uppercase; }
        .tb-megamenu .tb-megamenu-nav > li.dropdown > .dropdown-toggle {
          border: 0; }
          .tb-megamenu .tb-megamenu-nav > li.dropdown > .dropdown-toggle .caret {
            display: none; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advanced-search form {
    width: 90%; } }
@media only screen and (max-width: 767px) {
  .advanced-search {
    width: 100%;
    height: 100vh;
    overflow-y: scroll; }
    .advanced-search .search-wrap label {
      font-size: 24px;
      line-height: 30px; }
    .advanced-search .search-wrap input {
      padding: 0 18px 0 50px; }
    .advanced-search .search-wrap .form-item,
    .advanced-search .search-wrap .views-submit-button,
    .advanced-search .search-wrap .form-submit {
      width: 100%; }
    .advanced-search form {
      width: 100%;
      padding: 0 15px; }

  .advanced-filter .views-exposed-widget {
    width: 100%;
    padding-right: 0; }
    .advanced-filter .views-exposed-widget > label.active + .views-widget {
      max-height: 160px; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  header#navbar.container {
    padding: 0 30px; }
  header .menu.nav > li > a {
    font-size: 13px;
    padding: 0 12px; } }
@media only screen and (min-width: 1025px) {
  header ul.menu.nav li.first .parent-link {
    display: none; } }
@media only screen and (max-width: 1024px) {
  header ul.menu.nav li.first .parent-link {
    font-weight: 700 !important; } }
@media only screen and (max-width: 1024px) {
  body {
    padding-top: 64px; }

  .ln-dropdown.select2-dropdown {
    position: fixed !important;
    top: 79px;
    left: auto !important;
    right: 65px;
    width: auto !important;
    z-index: 1053 !important;
    background: #f2f0ff;
    border: 0;
    border-radius: 0;
    padding: 10px;
    opacity: 0 !important; }
    .ln-dropdown.select2-dropdown.lang-shorted {
      opacity: 1 !important; }
    .ln-dropdown.select2-dropdown li {
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 20px;
      text-transform: uppercase;
      padding: 0 5px;
      display: block !important; }
    .ln-dropdown.select2-dropdown .select2-results__option {
      background: transparent !important;
      color: #242071 !important;
      transition: opacity 0.3s ease; }

  .select2-container--default .ln-dropdown.select2-dropdown .select2-results > .select2-results__options {
    display: flex;
    flex-wrap: wrap; }
  .select2-container--default .ln-dropdown.select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
    font-weight: 800; }

  header {
    /* Inside Styling */
    /*     .mCSB_inside>.mCSB_container {
      margin-right: 0 !important;
    }

    .mCSB_scrollTools_vertical {
      opacity: 0 !important;
    }
 */
    /* End of Inside Styling */ }
    header#navbar.container {
      height: 64px;
      padding: 0 40px; }
    header .header-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: 100%; }
    header .navbar-header {
      width: 100%; }
    header .logo {
      width: 120px;
      height: 18px;
      margin: 0;
      background: url(../scss-js/layouts/img/header/responsive/logo.svg) center/cover no-repeat; }
    header .navbar-toggle {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      height: 20px;
      max-width: 45px;
      padding: 0;
      border-radius: 0;
      margin: 0;
      border: 0;
      background-color: transparent !important;
      pointer-events: none;
      overflow: hidden;
      transition: background 0.8s ease; }
      header .navbar-toggle span {
        display: block;
        height: 2px;
        border-radius: 1px;
        background-color: #fff !important;
        transition: transform 0.4s ease-in-out, opacity 0.5s ease-in-out;
        margin-bottom: 2px; }
        header .navbar-toggle span:nth-child(2) {
          width: 40px; }
        header .navbar-toggle span:nth-child(3) {
          width: 45px; }
        header .navbar-toggle span:nth-child(4) {
          width: 33px; }
    header .navbar-collapse.collapse {
      background: #fff;
      display: block;
      position: fixed;
      top: 64px;
      right: -100%;
      width: 100%;
      height: calc(100vh - 64px) !important;
      padding: 65px 0 30px;
      transition: right 0.7s ease-in-out;
      z-index: 999;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }
    header.responsive-menu-loaded .navbar-toggle {
      pointer-events: auto; }
    header.show-menu .navbar-toggle {
      background: url(../scss-js/layouts/img/header/responsive/close.svg) center no-repeat;
      background-size: contain; }
      header.show-menu .navbar-toggle span:nth-child(2) {
        transform: translateX(-80px); }
      header.show-menu .navbar-toggle span:nth-child(3) {
        transform: translateX(80px); }
      header.show-menu .navbar-toggle span:nth-child(4) {
        transform: translateX(80px); }
    header.show-menu .navbar-collapse {
      right: 0; }
    header .language-search-block {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 101px !important; }
      header .language-search-block::before, header .language-search-block::after {
        display: none; }
      header .language-search-block .language-section {
        display: block;
        padding: 10px 0;
        background: #f2f0ff; }
        header .language-search-block .language-section form {
          display: inline-block;
          margin-right: 15px;
          width: 52px !important; }
        header .language-search-block .language-section .search-section {
          display: inline-block; }
        header .language-search-block .language-section .select2-container {
          width: 52px !important;
          margin-bottom: 0; }
        header .language-search-block .language-section .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
          border-color: transparent transparent #242071 transparent; }
        header .language-search-block .language-section .select2-container--default .select2-selection--single {
          display: flex;
          align-items: center;
          background: transparent !important;
          border: 0 !important;
          outline: 0 !important;
          color: #fff; }
          header .language-search-block .language-section .select2-container--default .select2-selection--single .select2-selection__arrow b {
            transform: translateY(-50%);
            border-color: #242071 transparent transparent transparent; }
          header .language-search-block .language-section .select2-container--default .select2-selection--single .select2-selection__rendered {
            font-weight: 800;
            font-size: 12px;
            line-height: 20px;
            color: #242071;
            padding-left: 15px; }
    header .search-section {
      margin-right: 8px; }
    header #modal-custom-search {
      display: inline-block;
      width: 24px;
      height: 26px;
      background: url(../scss-js/layouts/img/header/responsive/search-icon.svg) center no-repeat;
      font-size: 0; }
    header ul.menu.nav {
      max-height: calc(100vh - 200px);
      overflow-y: scroll; }
      header ul.menu.nav li.first {
        clear: both;
        padding: 0 30px; }
        header ul.menu.nav li.first > a {
          display: inline-block;
          position: relative;
          width: 100%;
          /* Menu L1 */
          font-family: Raleway;
          font-style: normal;
          font-weight: 800;
          font-size: 14px;
          line-height: 20px;
          /* identical to box height, or 143% */
          letter-spacing: 0.04em;
          text-transform: uppercase;
          font-feature-settings: "pnum" on, "lnum" on;
          color: #242071;
          padding: 15px 30px 15px 0;
          border-bottom: 1px solid #242071;
          background: transparent; }
        header ul.menu.nav li.first.has-sub.has-sub > a::after,
        header ul.menu.nav li.first .each-item.has-sub > a::after {
          content: "";
          width: 12px;
          height: 8px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 22px;
          background: url(../scss-js/layouts/img/header/responsive/down-arrow.svg) center no-repeat;
          transition: transform 0.5s ease; }
        header ul.menu.nav li.first.has-sub.bg-active.first,
        header ul.menu.nav li.first .each-item.bg-active.first {
          background: #1bce9b; }
          header ul.menu.nav li.first.has-sub.bg-active.first > a,
          header ul.menu.nav li.first .each-item.bg-active.first > a {
            background: #1bce9b;
            border-color: transparent; }
        header ul.menu.nav li.first.has-sub.sub-active.has-sub > a::after,
        header ul.menu.nav li.first .each-item.sub-active.has-sub > a::after {
          transform: rotate(-180deg); }
        header ul.menu.nav li.first.remove-btm-border > a {
          border-color: transparent; }
        header ul.menu.nav li.first .scroll-wrap {
          padding: 0 20px; }
        header ul.menu.nav li.first .each-item .main-link,
        header ul.menu.nav li.first .each-item .sub-links a {
          display: block; }
        header ul.menu.nav li.first .each-item .main-link {
          position: relative;
          font-family: Raleway;
          font-style: normal;
          font-weight: bold;
          font-size: 14px;
          line-height: 20px;
          color: #242071;
          border-bottom: 1px solid #1bce9b;
          padding: 10px 0; }
          header ul.menu.nav li.first .each-item .main-link::after {
            background-size: 80%;
            display: none; }
        header ul.menu.nav li.first .each-item .sub-links {
          display: none;
          padding: 0 15px; }
          header ul.menu.nav li.first .each-item .sub-links a {
            font-weight: 500;
            color: #242071;
            padding: 6px 0;
            border-bottom: 1px solid #242071; }
        header ul.menu.nav li.first .each-item:first-child .main-link {
          padding-top: 5px; }
    header .dropdown-menu {
      position: static;
      box-shadow: none;
      border: 0 !important;
      outline: 0 !important;
      width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  header .navbar-collapse.collapse {
    max-width: 500px; } }
@media only screen and (max-width: 767px) {
  .ln-dropdown.select2-dropdown {
    top: 80px; }

  header .navbar-collapse.collapse {
    padding: 65px 0 30px; }
  header#navbar.container {
    padding: 0 20px; }
  header ul.menu.nav li.first {
    padding: 0 24px; } }
@media only screen and (min-width: 768px) {
  body {
    /* only toolbar is present */
    /* Toolbar with bottom drawer */ }
    body.toolbar:not(.toolbar-drawer) {
      padding-top: 134px !important;
      /* Place Fixed items just below header */
      /* End of Place fixed items at bottom of header */ }
      body.toolbar:not(.toolbar-drawer) .menu.nav .has-sub > .dropdown-menu {
        top: 131px; }
      body.toolbar:not(.toolbar-drawer) .ln-dropdown,
      body.toolbar:not(.toolbar-drawer) .left-tabs-section.floating-tab {
        top: 134px; }
      body.toolbar:not(.toolbar-drawer).fix-header .menu.nav .has-sub > .dropdown-menu {
        top: 111px; }
      body.toolbar:not(.toolbar-drawer).fix-header .ln-dropdown,
      body.toolbar:not(.toolbar-drawer).fix-header .left-tabs-section.floating-tab {
        top: 114px; }
      body.toolbar:not(.toolbar-drawer) header#navbar {
        top: 30px; }
      body.toolbar:not(.toolbar-drawer) header .menu.nav .has-sub > .dropdown-menu .scroll-wrap {
        max-height: calc(100vh - 214px); }
      body.toolbar:not(.toolbar-drawer) .transition-menu.trans-menu-fix {
        top: 30px; }
    body.toolbar .secondary {
      display: none; }
    body.toolbar-drawer {
      padding-top: 165px !important;
      /* Place fixed items at bottom of header */
      /* End of Place fixed items at bottom of header */ }
      body.toolbar-drawer .menu.nav .has-sub > .dropdown-menu {
        top: 163px; }
      body.toolbar-drawer .ln-dropdown,
      body.toolbar-drawer .left-tabs-section.floating-tab {
        top: 168px; }
      body.toolbar-drawer.fix-header .menu.nav .has-sub > .dropdown-menu {
        top: 143px; }
      body.toolbar-drawer.fix-header .ln-dropdown {
        top: 145px; }
      body.toolbar-drawer.fix-header .left-tabs-section.floating-tab {
        top: 163px; }
      body.toolbar-drawer header#navbar {
        top: 61px; }
      body.toolbar-drawer header .menu.nav .has-sub > .dropdown-menu .scroll-wrap {
        max-height: calc(100vh - 144px); }
      body.toolbar-drawer .transition-menu.trans-menu-fix {
        top: 61px; } }
/* Footer Subscribe */
.footer-subscribe {
  background: #f2f0ff;
  padding: 130px 0 100px; }
  .footer-subscribe .title,
  .footer-subscribe .sub-title {
    display: none; }
  .footer-subscribe .ngp-form {
    opacity: 0; }
    .footer-subscribe .ngp-form.done {
      opacity: 1; }
    .footer-subscribe .ngp-form .at-inner {
      background: transparent; }
    .footer-subscribe .ngp-form.at .error small.error {
      font-family: Raleway;
      font-weight: 700;
      font-style: normal;
      font-size: 12px;
      line-height: 16px;
      padding-left: 0;
      color: #1bce9b; }
    .footer-subscribe .ngp-form .at-text {
      font-size: 0;
      margin: 0 0 20px; }
    .footer-subscribe .ngp-form .at-row {
      display: block;
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      /* Internet Explorer 10-11 */
      /* Microsoft Edge */ }
      .footer-subscribe .ngp-form .at-row .at-select {
        /* Subhead 2 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        /* line-height: 20px; */
        line-height: 22px;
        /* identical to box height, or 143% */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on;
        color: rgba(0, 0, 0, 0.6);
        margin: 0 0 20px; }
      .footer-subscribe .ngp-form .at-row input {
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6);
        border-color: rgba(0, 0, 0, 0.6) !important;
        padding: 0 0 5px;
        min-height: 27px;
        width: 100%;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        margin-bottom: 0;
        /* Subhead 2 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        /* line-height: 20px; */
        line-height: 22px;
        /* identical to box height, or 143% */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on;
        text-transform: none;
        color: rgba(0, 0, 0, 0.6) !important; }
      .footer-subscribe .ngp-form .at-row input:placeholder {
        /* Subhead 2 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        /* line-height: 20px; */
        line-height: 22px;
        /* identical to box height, or 143% */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on;
        color: rgba(0, 0, 0, 0.6) !important; }
      .footer-subscribe .ngp-form .at-row input::placeholder {
        /* Subhead 2 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        /* line-height: 20px; */
        line-height: 22px;
        /* identical to box height, or 143% */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on;
        color: rgba(0, 0, 0, 0.6) !important;
        opacity: 1;
        /* Firefox */ }
      .footer-subscribe .ngp-form .at-row input:-ms-input-placeholder {
        /* Subhead 2 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        /* line-height: 20px; */
        line-height: 22px;
        /* identical to box height, or 143% */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on;
        color: rgba(0, 0, 0, 0.6) !important; }
      .footer-subscribe .ngp-form .at-row input::-ms-input-placeholder {
        /* Subhead 2 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        /* line-height: 20px; */
        line-height: 22px;
        /* identical to box height, or 143% */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on;
        color: rgba(0, 0, 0, 0.6) !important; }
    .footer-subscribe .ngp-form .at-fieldset {
      padding: 0; }
      .footer-subscribe .ngp-form .at-fieldset .at-legend {
        display: none; }
    .footer-subscribe .ngp-form .at-form-submit {
      padding: 0;
      display: flex;
      flex-wrap: wrap; }
    .footer-subscribe .ngp-form .select2-selection--single {
      background: transparent !important;
      border: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
      border-radius: 0;
      padding-bottom: 25px; }
      .footer-subscribe .ngp-form .select2-selection--single .select2-selection__rendered {
        font-family: Raleway;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.6);
        margin-top: 3px; }
    .footer-subscribe .ngp-form .btn-at-primary {
      border-radius: 0 !important;
      outline: 0 !important;
      border: 1px solid #242071;
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 20px;
      color: #242071;
      margin: 25px 0 0;
      padding: 20px 23px;
      transition: all 0.3s ease;
      width: auto;
      background: transparent; }
      .footer-subscribe .ngp-form .btn-at-primary:hover {
        background: #242071;
        color: #fff; }
    .footer-subscribe .ngp-form .at-title {
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 40px;
      line-height: 48px;
      color: #242071;
      margin-bottom: 10px;
      text-align: unset;
      width: 100%;
      padding: 0;
      background: transparent;
      -webkit-text-stroke: 1px #000; }
    .footer-subscribe .ngp-form h1 {
      /* Subhead 2 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      /* line-height: 20px; */
      line-height: 22px;
      /* identical to box height, or 143% */
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071;
      text-transform: uppercase;
      margin: 0 0 20px; }
    .footer-subscribe .ngp-form header {
      padding: 0;
      margin: 0; }
  .footer-subscribe .footer-logo {
    width: 278px;
    height: 176px;
    background: url("../scss-js/layouts/img/footer/tagline-without-text.svg") center/contain no-repeat; }
  .footer-subscribe .left-right-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1033px !important;
    padding: 0 15px; }
  .footer-subscribe .left-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: baseline;
    width: 50%;
    margin-right: 50px; }
  .footer-subscribe .right-section {
    width: calc(50% - 50px);
    max-width: 525px; }
  .footer-subscribe .title {
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    color: #242071;
    margin-bottom: 10px; }
  .footer-subscribe .sub-title {
    /* Subhead 2 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    /* line-height: 20px; */
    line-height: 22px;
    /* identical to box height, or 143% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .footer-subscribe .form-item:not(:last-child) {
    margin-bottom: 20px; }
  .footer-subscribe input {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    padding-bottom: 5px;
    width: 100%; }
  .footer-subscribe .form-submit {
    border: 1px solid #242071;
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #242071;
    margin-top: 45px;
    padding: 20px 23px;
    transition: all 0.3s ease; }
    .footer-subscribe .form-submit:hover {
      background: #242071;
      color: #fff; }

.social-media-block {
  margin-top: 64px;
  margin-left: 72px; }
  .social-media-block ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0; }
  .social-media-block li {
    display: inline-flex; }
    .social-media-block li a {
      display: inline-block;
      font-size: 0;
      width: 40px;
      height: 40px;
      transition: all 0.3s ease; }
    .social-media-block li:not(:last-child) a {
      margin-right: 24px; }
  .social-media-block .fb a {
    background: url(../scss-js/layouts/img/footer/social-media//facebook.svg) center no-repeat; }
    .social-media-block .fb a:hover {
      background: url(../scss-js/layouts/img/footer/social-media//facebook-hover.svg) center no-repeat; }
  .social-media-block .insta a {
    background: url(../scss-js/layouts/img/footer/social-media//instagram.svg) center no-repeat; }
    .social-media-block .insta a:hover {
      background: url(../scss-js/layouts/img/footer/social-media//instagram-hover.svg) center no-repeat; }
  .social-media-block .twtr a {
    background: url(../scss-js/layouts/img/footer/social-media//twitter.svg) center no-repeat; }
    .social-media-block .twtr a:hover {
      background: url(../scss-js/layouts/img/footer/social-media//twitter-hover.svg) center no-repeat; }
  .social-media-block .ytube a {
    background: url(../scss-js/layouts/img/footer/social-media//youtube.svg) center no-repeat; }
    .social-media-block .ytube a:hover {
      background: url(../scss-js/layouts/img/footer/social-media//youtube-hover.svg) center no-repeat; }

/* End of Footer Subscribe */
/* Footer Bottom */
.footer-bottom,
.footer-bottom-layout {
  border: 0;
  padding: 0;
  margin: 0;
  background: #242071; }

.footer-bottom .full-wrap {
  margin: 0 112px; }
.footer-bottom .menu {
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px; }
  .footer-bottom .menu::before, .footer-bottom .menu::after {
    display: none; }
  .footer-bottom .menu .caret {
    display: none; }
  .footer-bottom .menu > li {
    padding-right: 15px;
    margin-bottom: 20px;
    width: 14.28%; }
    .footer-bottom .menu > li a {
      font-weight: 700; }
  .footer-bottom .menu .dropdown-menu {
    display: block;
    position: static;
    background: transparent;
    padding: 0;
    border: 0;
    box-shadow: none; }
    .footer-bottom .menu .dropdown-menu a {
      font-family: Raleway;
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      line-height: 18px;
      white-space: normal;
      padding-right: 15px;
      margin-bottom: 10px; }
      .footer-bottom .menu .dropdown-menu a:hover {
        color: #fff;
        opacity: 0.6; }
  .footer-bottom .menu a {
    color: #fff;
    background: transparent !important;
    padding-left: 0;
    padding-right: 0; }
.footer-bottom .address-section {
  margin: 80px 0 20px; }
  .footer-bottom .address-section .field-item {
    display: flex;
    flex-wrap: wrap; }
    .footer-bottom .address-section .field-item .each-item {
      width: 25%; }
      .footer-bottom .address-section .field-item .each-item div,
      .footer-bottom .address-section .field-item .each-item a {
        font-family: Raleway;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        margin-bottom: 10px; }
      .footer-bottom .address-section .field-item .each-item:not(:last-child) {
        padding-right: 15px; }
    .footer-bottom .address-section .field-item div.bold-title {
      font-weight: 700; }
.footer-bottom .copyright-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px; }
  .footer-bottom .copyright-wrap p:not(:last-child) {
    margin-right: 55px; }
  .footer-bottom .copyright-wrap * {
    font-weight: 400;
    font-size: 12px;
    color: #fff; }

/* End of Footer */
@media only screen and (min-width: 1840px) {
  .footer-subscribe .left-right-wrap,
  .region-footer-bottom {
    max-width: 1800px;
    margin: 0 auto; } }
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .footer-subscribe .title {
    font-size: 38px; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  /* Footer Subscribe */
  .footer-subscribe {
    padding: 56px 0; }
    .footer-subscribe .footer-logo {
      width: 342px;
      height: 122px; }
    .footer-subscribe .left-right-wrap {
      margin: 0 56px; }
      .footer-subscribe .left-right-wrap .left-section {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }

  .social-media-block {
    margin-left: 40px;
    margin-top: 32px; }

  /* End of Footer Subscribe */
  .footer-bottom .full-wrap {
    margin: 0 56px; }
  .footer-bottom .menu {
    margin-top: 40px; }
    .footer-bottom .menu > li {
      width: 20%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer-subscribe .left-right-wrap {
    margin: 0 50px; }

  .footer-bottom .full-wrap {
    margin: 0 50px; }
  .footer-bottom .menu > li {
    width: 25%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-bottom .menu > li {
    width: 33.33%; }

  .social-media-block {
    margin-left: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .left-right-wrap {
    display: flex;
    flex-wrap: wrap; }
    .footer-subscribe .left-right-wrap > div {
      width: 100%; }
    .footer-subscribe .left-right-wrap .left-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0 0 60px; } }
@media only screen and (max-width: 767px) {
  footer {
    margin-top: 50px; }
    footer.at-markup.FooterHtml {
      display: none; }
    footer .footer-bottom .tele-text {
      display: none; }
    footer .footer-bottom .phone-no {
      margin: 8px 0;
      display: inline-block; }
    footer .footer-bottom .contact,
    footer .footer-bottom .website a {
      font-family: Raleway;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      color: #fff; }
    footer .footer-bottom .contact-text {
      font-weight: 700;
      text-transform: uppercase; }
    footer .footer-bottom .copyright-wrap {
      opacity: 0.6;
      margin: 22px 0 20px; }
    footer .footer-bottom .full-wrap {
      margin: 0 24px; }

  .footer-subscribe {
    padding: 30px 24px; }
    .footer-subscribe .left-right-wrap {
      margin: 0 auto; }
      .footer-subscribe .left-right-wrap > div {
        width: 100%; }
    .footer-subscribe .left-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      order: 2;
      margin: 35px; }
    .footer-subscribe .footer-logo {
      width: 242px;
      height: 87px; }
    .footer-subscribe .form-submit {
      margin-top: 25px; }
    .footer-subscribe .title {
      /* Heading 3 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      /* identical to box height, or 125% */
      font-feature-settings: "pnum" on, "lnum" on; }

  .social-media-block {
    margin: 0;
    width: 100%; }
    .social-media-block ul {
      flex-wrap: wrap;
      margin: 0;
      justify-content: center;
      margin: 20px 0 0; }
    .social-media-block li {
      width: 24px;
      height: 24px;
      display: inline; }
      .social-media-block li:not(:last-child) {
        margin-right: 15px; }
      .social-media-block li a {
        display: flex;
        width: 24px;
        height: 24px;
        margin: 0;
        background-size: 24px 24px !important; }

  .footer-bottom .menu {
    display: block;
    column-count: 2;
    column-gap: 20px; }
    .footer-bottom .menu > li {
      width: 100%;
      display: flex;
      flex-direction: column;
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
      .footer-bottom .menu > li a {
        font-size: 14px;
        line-height: 18.2px; }
    .footer-bottom .menu .dropdown-menu a {
      margin-bottom: 5px; }
  .footer-bottom .address-section {
    /* #312153 */
    display: none;
    margin: 35px 0 20px; }
    .footer-bottom .address-section .field-item .each-item {
      width: 100%;
      padding: 0; }
      .footer-bottom .address-section .field-item .each-item a,
      .footer-bottom .address-section .field-item .each-item div {
        font-size: 12px;
        margin-bottom: 5px; } }
.banner {
  position: relative;
  /* Transition Report Banner Styles */
  /* End of Transition Report Banner Styles */ }
  .banner .banner-image img {
    width: 100%; }
  .banner .logo-element {
    position: absolute;
    width: 155px;
    height: 114px;
    z-index: 1; }
    .banner .logo-element.bottom-right {
      bottom: -57px;
      right: 112px; }
  .banner .with-right-img .banner-content {
    width: calc(100% - 400px); }
  .banner .banner-right-img {
    position: absolute;
    bottom: -40px;
    right: 112px; }
  .banner.banner-style1 {
    margin-bottom: 220px; }
    .banner.banner-style1 .banner-image {
      width: 100%; }
    .banner.banner-style1 .banner-content {
      position: absolute;
      bottom: -220px;
      padding: 58px 112px 22px 112px;
      border-radius: 0 0 320px 0;
      width: 100%;
      max-width: 912px;
      height: 100%;
      max-height: 440px;
      background: #2e4ab5; }
      .banner.banner-style1 .banner-content > div {
        color: #fff; }
    .banner.banner-style1 .banner-title {
      /* Heading 1 */
      font-family: Spectral;
      font-style: normal;
      font-weight: bold;
      font-size: 92px;
      line-height: 105%;
      /* identical to box height, or 97px */
      letter-spacing: -0.02em;
      font-feature-settings: "pnum" on, "lnum" on;
      display: inline-block;
      color: #fff;
      margin-bottom: 24px; }
    .banner.banner-style1 .banner-desc {
      margin-bottom: 32px; }
    .banner.banner-style1 .banner-desc,
    .banner.banner-style1 .banner-desc p {
      /* Paragraph 1 (intro) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 24px;
      line-height: 150%;
      /* identical to box height, or 36px */
      font-feature-settings: "pnum" on, "lnum" on; }
  .banner.banner-style2 .banner-content, .banner.banner-style3 .banner-content {
    padding-left: 112px;
    padding-right: 15px; }
  .banner.banner-style2 {
    background: #1bce9b;
    min-height: 532px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 50px 0 85px;
    margin-bottom: 104px; }
    .banner.banner-style2 .banner-image {
      position: absolute;
      bottom: -50px;
      right: 0;
      width: 712px;
      height: 532px;
      border-radius: 300px 0 0 0;
      overflow: hidden; }
      .banner.banner-style2 .banner-image img {
        height: 100%;
        object-fit: cover; }
    .banner.banner-style2 .banner-content {
      width: calc(100% - 712px); }
      .banner.banner-style2 .banner-content > * {
        color: #242071; }
      .banner.banner-style2 .banner-content .banner-caption {
        /* Heading 4 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 900;
        font-size: 22px;
        line-height: 30px;
        /* identical to box height, or 136% */
        letter-spacing: 0.06em;
        text-transform: uppercase;
        font-feature-settings: "pnum" on, "lnum" on; }
      .banner.banner-style2 .banner-content .banner-title {
        /* Heading 1 */
        font-family: Spectral;
        font-style: normal;
        font-weight: bold;
        font-size: 92px;
        line-height: 105%;
        /* identical to box height, or 97px */
        letter-spacing: -0.02em;
        font-feature-settings: "pnum" on, "lnum" on; }
  .banner.banner-style3 {
    background: #242071;
    min-height: 270px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15) inset; }
    .banner.banner-style3.without-banner-caption .banner-title {
      /* #312242 */
      margin-top: 82px; }
      @media only screen and (min-width: 768px) {
        .banner.banner-style3.without-banner-caption .banner-title {
          padding-right: 395px; } }
    .banner.banner-style3 h1,
    .banner.banner-style3 h4 {
      color: #fff; }
  .banner.banner-style4 .banner-bg img {
    width: 100%; }
  .banner.banner-style4 .banner-content {
    max-width: 780px;
    padding-right: 15px;
    position: absolute;
    left: 112px;
    bottom: 90px; }
  .banner.banner-style4 .banner-type {
    color: #f2f0ff; }
  .banner.banner-style4 .banner-title {
    color: #fff; }
  .banner.banner-style4 .banner-type {
    padding: 8px 13px;
    background: #242071;
    display: inline-block; }
  .banner.banner-style4 .banner-title {
    line-height: 86.48px; }
  .banner.banner-style4 .banner-pattern {
    position: absolute;
    bottom: -115px;
    right: 0;
    max-width: 289px;
    z-index: 1; }
    .banner.banner-style4 .banner-pattern img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .banner.banner-style5 {
    min-height: 508px; }
    .banner.banner-style5 .banner-bg {
      position: relative;
      z-index: 1;
      bottom: -120px; }
    .banner.banner-style5 .banner-bg-fill {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .banner.banner-style5 .banner-bg-fill img {
        height: 508px;
        object-fit: cover; }

/*
  * https://docs.google.com/document/d/1ghpJf1V3eJRNbnKUHMnkgFXSIVPfYxy2-IsTU_LAiPc/edit 
  * Second comment
  * @clintonc@panapps.co , can the hero image function like it does here? http://progress.familyplanning2020.org/
  * 
 */
@media screen and (min-width: 1500px) {
  .banner.banner-style4 img {
    width: 100%;
    max-height: calc(100vh - 108px);
    object-fit: cover;
    object-position: top; } }
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .banner.banner-style2 .banner-content {
    width: calc(100% - 600px); }
    .banner.banner-style2 .banner-content .banner-title {
      font-size: 65px; }
  .banner.banner-style2 .banner-image {
    width: 510px; } }
@media only screen and (max-width: 1199px) {
  .banner.banner-style2 .banner-image {
    width: 510px; }
    .banner.banner-style2 .banner-image img {
      height: 100%;
      object-fit: cover; }
  .banner.banner-style2 .banner-content .banner-title {
    font-size: 40px; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .banner .logo-element.bottom-right {
    right: 56px; }
  .banner .banner-right-img {
    right: 56px; }
  .banner.banner-style1 {
    margin-bottom: 220px; }
    .banner.banner-style1 .banner-title,
    .banner.banner-style1 .banner-title a {
      font-size: 50px; }
    .banner.banner-style1 .banner-desc {
      margin-bottom: 16px; }
    .banner.banner-style1 .banner-desc,
    .banner.banner-style1 .banner-desc p {
      font-size: 18px; }
    .banner.banner-style1 .banner-content {
      bottom: -220px;
      padding: 58px 56px 22px 56px;
      max-width: 70%;
      max-height: 440px; }
  .banner.banner-style2 .banner-content {
    padding-left: 56px; }
    .banner.banner-style2 .banner-content .banner-title {
      font-size: 55px; } }
/* Tablet Styling  */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner.banner-style3 .banner-content {
    padding-left: 40px; }
  .banner.banner-style3.with-right-img .banner-right-img {
    right: 40px; } }
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .banner .logo-element.bottom-right {
    right: 40px; }
  .banner.banner-style1 .banner-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 28px 40px;
    max-width: 730px;
    border-radius: 0 0 270px 0; }
  .banner.banner-style1 .banner-title {
    font-size: 75px; }
  .banner.banner-style1 .banner-desc,
  .banner.banner-style1 .banner-desc p {
    font-size: 20px; } }
@media only screen and (max-width: 991px) {
  .banner .logo-element.bottom-right {
    bottom: -34.5px;
    right: 24px;
    width: 93px;
    height: 69px;
    background-size: 93px 69px; }
  .banner.banner-style1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0; }
    .banner.banner-style1 .banner-title {
      /* Heading 2 */
      font-family: Spectral;
      font-style: normal;
      font-weight: bold;
      font-size: 64px;
      line-height: 110%;
      /* or 70px */
      letter-spacing: -0.02em; }
    .banner.banner-style1 .banner-desc {
      margin-bottom: 24px; }
    .banner.banner-style1 .banner-desc,
    .banner.banner-style1 .banner-desc p {
      /* Subhead 1 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 26px;
      /* identical to box height, or 144% */
      font-feature-settings: "pnum" on, "lnum" on; }
    .banner.banner-style1 .banner-content {
      position: static;
      border-radius: 0;
      padding: 30px 24px;
      max-height: 100%;
      order: 1; }
      .banner.banner-style1 .banner-content .ln-more {
        padding: 19.5px 25.5px; }
    .banner.banner-style1 .banner-image {
      order: 2; }
  .banner.banner-style2 .banner-content, .banner.banner-style3 .banner-content {
    width: 100%;
    padding: 0 40px; }
  .banner.banner-style2 {
    padding: 33px 0 0;
    margin: 0 0 42px;
    justify-content: flex-end;
    align-items: unset;
    min-height: auto; }
    .banner.banner-style2 .banner-image {
      width: 450px;
      height: 348px;
      border-radius: 205px 0px 0px 0px;
      position: static;
      margin: 0 0 -26px;
      order: 2; }
    .banner.banner-style2 .banner-content .banner-caption {
      /* Heading 4 (MOBILE) */
      font-family: Raleway;
      font-size: 18px;
      font-style: normal;
      font-weight: 900;
      line-height: 24px;
      letter-spacing: 0.06em;
      margin: 0 0 8px; }
    .banner.banner-style2 .banner-content .banner-title {
      /* Heading 1 */
      font-size: 48px;
      line-height: 54px;
      /* identical to box height, or 112% */
      letter-spacing: -0.03em;
      margin: 0 0 32px; } }
/* Portrait mode */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner.banner-style3 {
    padding: 15px; }
    .banner.banner-style3 .banner-title {
      font-size: 60px; }
    .banner.banner-style3.with-right-img .banner-content {
      max-width: 415px; } }
/* End of Tablet Styling */
@media only screen and (max-width: 767px) {
  .banner .banner-right-img {
    display: none; }
  .banner.banner-style1 .banner-image img {
    width: 100%;
    object-fit: cover;
    height: 160px; }
  .banner.banner-style2 .banner-content, .banner.banner-style3 .banner-content {
    padding: 0 24px; }
  .banner.banner-style2 .banner-image {
    width: 350px;
    height: 248px;
    border-radius: 170px 0px 0px 0px; }
  .banner.banner-style3 {
    padding: 35px 0 38px;
    min-height: 162px; }
    .banner.banner-style3 .banner-title {
      margin-top: 0 !important; }
    .banner.banner-style3 .logo-element.bottom-right {
      bottom: -23.5px;
      width: 64px;
      height: 47px;
      background-size: 64px 47px; }
  .banner.banner-style4 .banner-type {
    color: #fff; } }
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  .banner-style2 .banner-image {
    width: 560px !important; } }
@media only screen and (min-width: 1180px) and (max-width: 1280px) {
  .banner-style3 .banner-right-img {
    width: 180px !important; } }
@media only screen and (min-width: 769px) and (max-width: 880px) {
  .banner-style3 .banner-right-img {
    width: 180px !important; } }
@media only screen and (max-width: 440px) {
  .banner.banner-style2 .banner-content .banner-title,
  .banner.banner-style3 .banner-title {
    font-size: 35px; } }
@media only screen and (max-width: 320px) {
  .banner.banner-style2 .banner-content .banner-title,
  .banner.banner-style3 .banner-title {
    font-size: 24px; } }
@media (min-width: 1200px) and (max-width: 1400px) {
  .banner-style3 .banner-title {
    font-size: 80px; } }
.custom-video-container {
  position: relative; }
  .custom-video-container.play-state .play-panel {
    display: none; }
  .custom-video-container .play-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .custom-video-container .play-panel img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .custom-video-container .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 126px;
    height: 126px;
    display: block;
    background: url(../scss-js/layouts/img/video-iframe/play.svg) center no-repeat;
    cursor: pointer; }
    .custom-video-container .play-icon:hover {
      opacity: 0.8; }

/* Pages */
/* Dashboard page styling */
/* Dashboard View */
.app-dashboard {
  margin-bottom: 60px; }
  .app-dashboard .view-header h3 {
    text-align: center;
    border: 0;
    margin: 50px 0; }
  .app-dashboard .each-item-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .app-dashboard .each-item {
    width: 190px;
    margin: 0 30px 33.5px; }
  .app-dashboard .dashboard-icn {
    /* Remove when client shares images */
    /* End of Remove when client shares images */
    /*  Icons */
        /* &.ds-account {
    .icon-image:before {
        background: $accent-color1;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-content {
    .icon-image:before {
        background: $accent-color2;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-comitment-banners {
    .icon-image:before {
        background: $accent-color3;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-video {
    .icon-image:before {
        background: $accent-color4;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-news {
    .icon-image:before {
        background: $accent-color1;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-resources {
    .icon-image:before {
        background: $accent-color2;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-level2-a {
    .icon-image:before {
        background: $accent-color3;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-level2-b {
    .icon-image:before {
        background: $accent-color4;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-level3-a {
    .icon-image:before {
        background: $accent-color1;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-level3-b {
    .icon-image:before {
        background: $accent-color2;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-region {
    .icon-image:before {
        background: $accent-color3;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}

&.ds-menus {
    .icon-image:before {
        background: $accent-color4;
    }

    &:hover {
        .icon-image:before {
            background: $prominant-color;
        }
    }
}
 */
    /* End of Icons */ }
    .app-dashboard .dashboard-icn a {
      width: 100%;
      -webkit-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      border-bottom: none;
      padding: 13px 0 0; }
      .app-dashboard .dashboard-icn a span {
        width: 100%;
        display: block;
        margin: 0;
        border-radius: 0; }
    .app-dashboard .dashboard-icn .icon-image {
      position: relative;
      overflow: hidden;
      -webkit-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      border-radius: 50%;
      min-height: 140px;
      border-radius: 10px;
      border: 1px solid #242071; }
      .app-dashboard .dashboard-icn .icon-image::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden; }
    .app-dashboard .dashboard-icn .icon-title {
      /* Link 1 */
      font-family: Raleway;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      /* identical to box height, or 171% */
      letter-spacing: -0.01em;
      color: #242071;
      padding-left: 0;
      text-align: center;
      padding-top: 11px; }
    .app-dashboard .dashboard-icn:hover {
      text-decoration: none; }
      .app-dashboard .dashboard-icn:hover .icon-image {
        background: #242071; }
      .app-dashboard .dashboard-icn:hover .icon-title {
        color: #1bce9b; }
    .app-dashboard .dashboard-icn:hover .icon-image:before {
      background: #1bce9b !important; }
    .app-dashboard .dashboard-icn:nth-child(4n + 1) .icon-image:before {
      background: #2e4ab5; }
    .app-dashboard .dashboard-icn:nth-child(4n + 2) .icon-image:before {
      background: #ffb636; }
    .app-dashboard .dashboard-icn:nth-child(4n + 3) .icon-image:before {
      background: #ff7140; }
    .app-dashboard .dashboard-icn:nth-child(4n + 4) .icon-image:before {
      background: #21b1fe; }

/* End of Dashboard View */
/* End of Dashboard pages styling */
.dashboard-manage {
  margin: 60px auto;
  max-width: 1040px;
  padding: 0 15px; }
  .dashboard-manage .table > thead > tr > th,
  .dashboard-manage .table > tbody > tr > th,
  .dashboard-manage .table > tfoot > tr > th,
  .dashboard-manage .table > thead > tr > td,
  .dashboard-manage .table > tbody > tr > td,
  .dashboard-manage .table > tfoot > tr > td {
    padding: 15px 8px; }
  .dashboard-manage .btn {
    transition: all 0.3s ease; }
  .dashboard-manage .btn,
  .dashboard-manage input,
  .dashboard-manage select {
    border-radius: 0 !important; }
  .dashboard-manage .form-control:focus {
    border-color: #242071; }
  .dashboard-manage .back a,
  .dashboard-manage .add-btn,
  .dashboard-manage .form-submit {
    outline: 0 !important;
    box-shadow: none !important; }
  .dashboard-manage .view-empty {
    margin: 100px 0;
    color: #242071; }
  .dashboard-manage .pagination {
    margin-top: 50px; }
  .dashboard-manage .views-table {
    margin-top: 30px; }
  .dashboard-manage .page-title {
    margin-bottom: 25px; }
  .dashboard-manage .back {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 30px; }
    .dashboard-manage .back a {
      cursor: pointer;
      background: transparent !important;
      border: 0 !important;
      color: #242071 !important; }
  .dashboard-manage .form-submit {
    color: #fff;
    background: #242071;
    border: 1px solid #242071; }
    .dashboard-manage .form-submit:hover {
      color: #242071;
      background: transparent; }
  .dashboard-manage .add-btn a {
    color: #242071;
    background: #1bce9b;
    border: 0 !important;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0.03em;
    text-align: center;
    padding: 12px; }
    .dashboard-manage .add-btn a:hover {
      background: #242071;
      color: #1bce9b; }
  .dashboard-manage th {
    font-size: 16px; }
  .dashboard-manage tbody .views-field-title a {
    font-weight: 700;
    color: #242071;
    cursor: pointer;
    transition: all 0.3s ease; }
    .dashboard-manage tbody .views-field-title a:hover {
      color: #1bce9b; }
  .dashboard-manage tbody .views-field-edit-node a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #242071;
    display: inline-block;
    padding-left: 25px; }
    .dashboard-manage tbody .views-field-edit-node a:not(:last-child) {
      margin-right: 10px;
      padding-right: 12px; }
      .dashboard-manage tbody .views-field-edit-node a:not(:last-child)::after {
        content: '|';
        display: inline-block;
        position: absolute;
        right: 0; }
    .dashboard-manage tbody .views-field-edit-node a[href*="/edit?"] {
      background: url(../scss-js/pages/img/dashboard-inner/edit.png) no-repeat left center; }
    .dashboard-manage tbody .views-field-edit-node a[href*="/delete?"] {
      background: url(../scss-js/pages/img/dashboard-inner/delete.png) no-repeat left center; }
    .dashboard-manage tbody .views-field-edit-node a.manage-btn {
      background: url(../scss-js/pages/img/dashboard-inner/manage.png) no-repeat left center; }
    .dashboard-manage tbody .views-field-edit-node a:hover {
      color: #1bce9b; }

.ui-datepicker .ui-datepicker-title select {
  color: #000; }

.key-issue-block,
.commitments-block {
  background: #f2f0ff; }

/* News Section */
.news-block {
  position: relative;
  margin: 160px 0;
  min-height: 708px;
  margin-left: 112px; }
  .news-block .view:before {
    content: '';
    height: 5px;
    background: #2e4ab5;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%; }
  .news-block .block-title {
    /* Heading 4 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 30px;
    /* identical to box height, or 136% */
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #2e4ab5;
    margin: 22px 0 44px; }

.news-view > .view-content {
  width: 40%; }
.news-view .right-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 708px;
  border-radius: 300px 0 0 0;
  background: url(../scss-js/pages/img/news/right_img.jpg) center no-repeat; }
.news-view .each-item:not(:last-child) {
  margin-bottom: 38px; }
.news-view .sub-title {
  /* Subhead 2 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 20px; */
  line-height: 22px;
  /* identical to box height, or 143% */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on;
  color: #242071;
  margin-bottom: 15px; }
.news-view .title-bottomwrap {
  transition: all 0.3s ease; }
  .news-view .title-bottomwrap:hover .title {
    border-bottom: 1px solid #242071; }
  .news-view .title-bottomwrap:hover .explore-more {
    color: #1bce9b; }
    .news-view .title-bottomwrap:hover .explore-more::after {
      background: url(../scss-js/pages/img/news/small-arrow-hover.svg) center no-repeat; }
.news-view .title {
  /* Heading 3 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */
  font-feature-settings: "pnum" on, "lnum" on;
  color: #242071;
  padding-bottom: 3px;
  margin-bottom: 10px;
  display: inline; }
.news-view .explore-more {
  display: inline-block;
  /* Link 1 */
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.01em;
  color: #2e4ab5;
  text-decoration: none;
  margin-top: 13px; }
  .news-view .explore-more::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 7px;
    background: url(../scss-js/pages/img/news/small-arrow.svg) center no-repeat; }

/* End of News Section */
/* key Issues Section */
.key-issue-block {
  padding: 100px 15px 160px; }
  .key-issue-block .view-header {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% - 50px);
    z-index: 1; }
  .key-issue-block .key-title {
    /* Heading 1 */
    font-family: Spectral;
    font-style: normal;
    font-weight: bold;
    font-size: 92px;
    line-height: 105%;
    /* identical to box height, or 97px */
    letter-spacing: -0.02em;
    font-feature-settings: "pnum" on, "lnum" on;
    margin-bottom: 20px;
    color: #242071; }
  .key-issue-block .key-desc {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071; }

.key-issues {
  position: relative;
  padding: 0;
  max-width: 1095px;
  margin: 0 auto; }
  .key-issues .view-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    opacity: 0;
    margin: 0 -36px; }
  .key-issues.load-complete .view-content {
    opacity: 1; }
  .key-issues .column {
    width: 50%;
    padding: 0 36px; }
  .key-issues .each-item:not(:last-child) {
    margin-bottom: 80px; }

/* End of key Issues Section */
/* Commitmets Section */
.commitments-block {
  margin-bottom: 160px; }

.commitments {
  background: #242071;
  color: #fff;
  margin: 0 112px -160px;
  padding: 80px 0; }
  .commitments .top-wrap {
    max-width: 570px;
    margin: 0 auto;
    text-align: center; }
    .commitments .top-wrap .title,
    .commitments .top-wrap .subtitle {
      color: #fff; }
    .commitments .top-wrap .title {
      /* Heading 2 */
      font-family: Spectral;
      font-style: normal;
      font-weight: bold;
      font-size: 64px;
      line-height: 110%;
      /* or 70px */
      letter-spacing: -0.02em;
      margin-bottom: 10px; }
    .commitments .top-wrap .subtitle {
      /* Heading 4 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 900;
      font-size: 22px;
      line-height: 30px;
      /* identical to box height, or 136% */
      letter-spacing: 0.06em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on;
      margin-bottom: 7px; }
    .commitments .top-wrap .summary {
      /* Paragraph 2 (primary) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      font-feature-settings: "pnum" on, "lnum" on; }
  .commitments .data-section {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    padding: 0 30px; }
  .commitments .each-data {
    text-align: center;
    max-width: 380px; }
    .commitments .each-data .value {
      position: relative;
      display: inline-block; }
      .commitments .each-data .value .number {
        font-family: Spectral;
        font-style: normal;
        font-weight: 500;
        font-size: 144px;
        line-height: 152px; }
      .commitments .each-data .value::after {
        content: '';
        height: 5px;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
      .commitments .each-data .value .type {
        /* Paragraph 1 (intro) */
        font-family: Raleway;
        font-style: normal;
        font-weight: 800;
        font-size: 24px;
        line-height: 150%;
        /* identical to box height, or 36px */
        font-feature-settings: "pnum" on, "lnum" on;
        margin-bottom: 10px; }
    .commitments .each-data.child-1 .value {
      color: #ffb636; }
      .commitments .each-data.child-1 .value:after {
        background: #ffb636; }
    .commitments .each-data.child-2 .value {
      color: #1bce9b; }
      .commitments .each-data.child-2 .value:after {
        background: #1bce9b; }
    .commitments .each-data.child-3 .value {
      color: #ff7140; }
      .commitments .each-data.child-3 .value:after {
        background: #ff7140; }
  .commitments .desc {
    /* Subhead 1 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height, or 144% */
    font-feature-settings: "pnum" on, "lnum" on;
    margin-top: 10px; }
  .commitments .bottom-wrap {
    text-align: center;
    margin-top: 70px; }

/* End of Commitments Section */
/* Videos Section */
.video-block {
  padding: 160px 0; }

.video-view {
  padding-right: 112px; }
  .video-view .each-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .video-view .each-item .left-video-section {
      width: 50%;
      margin-right: 100px; }
    .video-view .each-item .right-section {
      width: calc(50% - 100px); }
    .video-view .each-item .main-title {
      display: inline-block;
      /* Heading 2 */
      font-family: Spectral;
      font-style: normal;
      font-weight: bold;
      font-size: 64px;
      line-height: 110%;
      /* or 70px */
      letter-spacing: -0.02em;
      margin-bottom: 30px;
      color: #242071; }
    .video-view .each-item .desc {
      /* Paragraph 2 (primary) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #000;
      padding-right: 15px; }
  .video-view iframe {
    max-width: 100%; }

/* End of Videos Section */
/* Resource Block */
.resource-block {
  position: relative;
  margin: 0 0 160px 112px;
  /*   .view {
    &:before {
      content: '';
      width: 100%;
      height: 5px;
      background: $accent-color1;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
    }
  } */
  /* Custom Scroll Style */
 /*   .mCSB_container {
   display: flex;
 }
 .views-row:not(:last-child) {
   margin-right: 30px;
 }
*/ }
  .resource-block .card-style2:not(:hover) .view-icon a {
    color: #242071; }
  .resource-block .card-style2:not(:hover) .view-icon svg path {
    fill: #242071; }
  .resource-block .view-header {
    position: relative;
    margin: 0 112px 0 0;
    padding-top: 25px; }
    .resource-block .view-header::before {
      content: '';
      width: 100%;
      height: 5px;
      background: #2e4ab5;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0; }
  .resource-block .view-content {
    margin-top: 41px; }
  .resource-block .block-title {
    /* Heading 4 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 30px;
    /* identical to box height, or 136% */
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #2e4ab5;
    margin-bottom: 25px; }
  .resource-block .block-desc {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #000;
    max-width: 485px; }

/* End of Resource Block */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  /* News Section */
  .news-block {
    margin: 80px 0;
    margin-left: 56px; }
    .news-block .block-title {
      font-size: 18px;
      margin: 16px 0 22px; }

  .news-view .each-item:not(:last-child) {
    margin-bottom: 19px; }
  .news-view .title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px; }

  /* End of News Section */
  /* key Issues Section */
  .key-issue-block {
    padding: 100px 82px 80px; }
    .key-issue-block .key-title {
      font-size: 50px;
      margin-bottom: 20px; }

  /* End of key Issues Section */
  /* Commitmets Section */
  .commitments-block {
    margin-bottom: 80px; }

  .commitments {
    margin: 0 56px -80px;
    padding: 50px 0; }

  /* End of Commitments Section */
  /* Videos Section */
  .video-block {
    padding: 80px 0; }

  .video-view {
    padding-right: 56px; }
    .video-view .each-item .left-video-section {
      width: 60%;
      margin-right: 50px; }
    .video-view .each-item .right-section {
      width: calc(40% - 50px); }
    .video-view .each-item .main-title {
      font-size: 50px;
      margin-bottom: 15px; }
    .video-view .each-item .desc {
      font-size: 14px;
      line-height: 24px; }

  /* End of Videos Section */
  /* Resource Block */
  .resource-block {
    position: relative;
    margin: 0 0 80px 56px;
   /*     .view {
     &:before {
       content: '';
       width: 100%;
       height: 5px;
       background: $accent-color1;
       display: inline-block;
       position: absolute;
       top: 0;
       left: 0;
     }
   }
*/ }
    .resource-block .view-header {
      margin: 0 56px 0 0; }
    .resource-block .view-content {
      margin-top: 41px; }
    .resource-block .block-title {
      /* Heading 4 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 900;
      font-size: 22px;
      line-height: 30px;
      /* identical to box height, or 136% */
      letter-spacing: 0.06em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on;
      color: #2e4ab5;
      margin-bottom: 25px; }
    .resource-block .block-desc {
      /* Paragraph 2 (primary) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #000;
      max-width: 485px; }

  /* End of Resource Block */ }
/* Tablet Styling  */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .page-home
  .region-full-width
  > section:not(.news-block, .key-issue-block, .commitments-block, .video-block, .resource-block) {
    display: none; }

  /* News block */
  .news-block {
    margin: 100px 0 0 40px; }

  .news-view {
    padding: 0 0 60px; }
    .news-view .view-content {
      width: 50%; }
    .news-view .right-img {
      width: 40%; }

  /* End of News block */
  /* Key Issues block */
  .key-issue-block {
    padding: 60px 40px 70px; }

  /* End of Key Issues block */
  /* Commitments Block */
  .commitments-block {
    margin-bottom: 0; }

  .commitments {
    margin: 0 40px; }

  /* End of Commitments Block */
  /* Videos */
  .video-view {
    padding-right: 40px; }

  /* End of Videos */
  /* Resource Block */
  .resource-block {
    margin: 0 40px 60px; }

  /* End of Resource Block */ }
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  /* News block */
  .news-view .view-content {
    width: 50%; }
  .news-view .right-img {
    width: 40%; }

  /* End of News block */ }
@media only screen and (max-width: 991px) {
  .key-issues .view-content {
    margin: 0 -15px; }
    .key-issues .view-content .views-row {
      padding: 0 15px; }
  .key-issues .column {
    width: 100%;
    padding: 0 15px; }
  .key-issues .each-item:not(:last-child) {
    margin-bottom: 15px; }

  /* Video Block */
  .video-block {
    padding: 50px 0 40px; }
    .video-block .video-view {
      padding: 0; }
      .video-block .video-view .each-item > div {
        width: 100%;
        margin: 0; }
      .video-block .video-view .each-item .right-section {
        padding: 0 24px; }
        .video-block .video-view .each-item .right-section .main-title {
          /* Heading 1 */
          font-size: 48px;
          line-height: 54px;
          /* identical to box height, or 112% */
          letter-spacing: -0.03em;
          margin: 20px 0 15px; }

  /* End of Video Block */ }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* News block */
  .news-view .view-content {
    width: 100%; }
  .news-view .right-img {
    position: static;
    width: 100%;
    margin-top: 50px; }

  /* End of News block */
  /* Key Issues Block */
  .key-issue-block .view-header {
    position: static;
    width: 100%; }
  .key-issue-block .key-title {
    /* Heading 2 */
    font-family: Spectral;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 110%;
    /* or 70px */
    letter-spacing: -0.02em;
    margin: 0 0 16px; }
  .key-issue-block .key-desc {
    margin-bottom: 16px; }

  .key-issues .view-content {
    margin: 50px auto 0; }
    .key-issues .view-content .views-row {
      height: auto !important;
      margin-bottom: 30px; }
  .key-issues .column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .key-issues .column-2 {
    padding-top: 30px !important; }

  /* End of Key Isses Block */
  /* Commitments Block */
  .commitments .each-data .value .number {
    font-size: 92px;
    line-height: 100px; }

  /* End of Commitments Block */ }
/* End of Tablet Styling */
@media only screen and (max-width: 767px) {
  /* News Block */
  .news-block {
    padding: 0 24px;
    margin: 67px 0 0;
    min-height: auto; }
    .news-block .block-title {
      /* Heading 4 (MOBILE) */
      font-family: Raleway;
      font-size: 18px;
      font-style: normal;
      font-weight: 900;
      line-height: 24px;
      letter-spacing: 0.06em;
      margin: 15px 0 40px; }
    .news-block .view:before {
      width: calc(100% - 48px);
      left: 24px;
      z-index: 1; }

  .front .news-block.aos-animate .view::before {
    min-width: 270px; }

  .news-view > .view-content {
    width: 100%; }
  .news-view .title {
    /* Subhead 1 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height, or 144% */
    font-feature-settings: "pnum" on, "lnum" on;
    margin-bottom: 5px; }
  .news-view .sub-title {
    margin-bottom: 7px; }
  .news-view .each-item {
    margin-bottom: 30px; }
  .news-view .right-img {
    position: static;
    width: 100%;
    height: 210px;
    border-radius: 165px 0 0 0;
    background-size: cover; }

  /* End of News Block */
  /* Our Key Issues */
  .key-issue-block {
    padding: 30px 24px 40px;
    margin-top: 30px; }
    .key-issue-block .view-header {
      position: static;
      width: 100%; }
    .key-issue-block .key-title {
      /* Heading 2 */
      font-family: Spectral;
      font-style: normal;
      font-weight: bold;
      font-size: 64px;
      line-height: 110%;
      /* or 70px */
      letter-spacing: -0.02em;
      margin: 0 0 16px; }
    .key-issue-block .key-desc {
      margin-bottom: 16px; }

  /*  .key-issues {

    .view-content {
      margin: 0 -15px;

      .views-row {
        padding: 0 15px;
      }
    }

    .column {
      width: 100%;
      padding: 0 15px;
    }

    .each-item:not(:last-child) {
      margin-bottom: 15px;
    }
  } */
  /* End of Our Key Issues */
  /* Our Commitments */
  .commitments-block {
    margin-bottom: 0; }

  .commitments {
    padding: 40px 15px 50px;
    margin: 0; }
    .commitments .top-wrap {
      max-width: 320px;
      margin: 0 auto; }
      .commitments .top-wrap .title {
        /* Heading 1 */
        font-size: 48px;
        line-height: 54px;
        /* identical to box height, or 112% */
        letter-spacing: -0.03em; }
    .commitments .data-section {
      flex-wrap: wrap;
      margin-top: 35px; }
    .commitments .each-data:not(:last-child) {
      margin-bottom: 50px; }
    .commitments .each-data .value .number {
      font-size: 110px;
      line-height: 115px; }
    .commitments .bottom-wrap {
      margin-top: 35px; }
      .commitments .bottom-wrap a {
        padding: 19px 23px; }

  /* End of Our Commitments */
  /* Videos Block */
  .video-block .video-view iframe {
    height: 250px; }

  /* End of Videos Block */
  /* Resource Block */
  .resource-block {
    margin: 0 15px;
    padding: 0; }
    .resource-block .view-header {
      margin: 20px 0 0 0; }
    .resource-block .view-content {
      display: block; }
      .resource-block .view-content .views-row:not(:last-child) {
        margin-bottom: 15px; }

  /* End of Resource Block */ }
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .news-view .right-img {
    height: 375px; } }
@media only screen and (max-width: 420px) {
  .key-issue-block .key-title {
    word-break: break-word;
    word-wrap: break-word; } }
.front {
  /* News Section */
  /* Commitments Section */
  /* Resource Block */ }
  .front .banner.banner-style1,
  .front .banner .banner-content,
  .front .banner .banner-title,
  .front .banner .banner-desc,
  .front .banner .learn-more {
    opacity: 0;
    transform: translateY(-80px);
    transition: all 1.2s 0.5s ease; }
  .front .banner .logo-element {
    opacity: 0;
    transform: scale(0.6);
    transition: all 1.2s 0.5s ease; }
  .front .banner.aos-animate.banner-style1,
  .front .banner.aos-animate .banner-content,
  .front .banner.aos-animate .banner-title,
  .front .banner.aos-animate .banner-desc,
  .front .banner.aos-animate .learn-more {
    transform: translateY(0);
    opacity: 1; }
  .front .banner.aos-animate .logo-element {
    transform: scale(1);
    opacity: 1; }
  .front .news-block .view::before {
    width: 0;
    transition: width 1s ease; }
  .front .news-block.aos-animate .view::before {
    width: 40%; }
  .front .card-style1 {
    transition: all 0.8s ease; }
    .front .card-style1:hover {
      transform: scale(1.1); }
  .front .commitments .each-data .value::after {
    width: 0;
    transition: width 1s ease; }
  .front .commitments .each-data .value.aos-animate::after {
    width: 100%; }
  .front .resource-block .view-header::before {
    width: 0;
    transition: width 1s ease; }
  .front .resource-block .view-header.aos-animate::before {
    width: 100%; }

/* Listing pages */
@media only screen and (min-width: 768px) {
  .page-search .result-page-view .filters-wrap .views-exposed-widget {
    width: 33.33%; } }
/* Common Template for resource, news listing page */
.page-webinarlist .featured-resources-block h3 {
  color: #242071;
  margin: 100px auto 40px; }

/* 
   Both organization and Country is present in filter-item
   Commonly fixed including advanced search 
   (script in _header.js) 
*/
.filter-item.country .bef-group.organization {
  display: none; }
.filter-item.organization .bef-group.country {
  display: none; }

.result-page .result-page-view > .view-content,
.result-page .result-page-view > .text-center {
  display: none; }
.result-page .view-footer {
  margin-top: 91px; }
  .result-page .view-footer h3 {
    margin-bottom: 35px;
    color: #242071; }
  .result-page .view-footer .bottom-featured-section .each-card {
    margin-bottom: 30px; }
.result-page.no-latest-section .result-page-view > .view-content, .result-page.result-found .result-page-view > .view-content {
  display: flex; }
  @media only screen and (min-width: 992px) {
    .result-page.no-latest-section .result-page-view > .view-content, .result-page.result-found .result-page-view > .view-content {
      display: inline-block;
      column-gap: 0;
      column-count: 2; } }
.result-page.no-latest-section .result-page-view > .text-center, .result-page.result-found .result-page-view > .text-center {
  display: block; }
.result-page.no-latest-section .result-page-view .view-footer, .result-page.result-found .result-page-view .view-footer {
  display: none;
  margin: 0; }

.result-page-view .top-boxes,
.result-detail-wrap .top-boxes {
  display: flex;
  flex-wrap: wrap; }
  .result-page-view .top-boxes > div,
  .result-detail-wrap .top-boxes > div {
    margin-right: 5px; }

.result-page-view {
  margin: 130px auto 60px;
  /* Search and filter section */
  /* End of Search and filter section */
  /* Filters Section */
  /* End ofFilters Section */
  /* Results Section */
  /* End of Results Section */
  /* Single Type Filter (Webinars)*/
  /* End of Single Type Filter */ }
  .result-page-view.single-filter-type {
    margin: 93px auto 60px; }
    .result-page-view.single-filter-type .view-filters {
      margin-left: 35px; }
  .result-page-view .view-empty {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on;
    text-align: center;
    color: #242071;
    margin: 100px 0; }
  .result-page-view .close-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(../scss-js/pages/img/result-page/close.svg) center center no-repeat; }
  .result-page-view .view-filters {
    max-width: 800px;
    margin: 0 auto;
    opacity: 0; }
    .result-page-view .view-filters + .view-content {
      margin-top: 100px; }
  .result-page-view.filter-loaded .view-filters {
    opacity: 1; }
  .result-page-view .search-wrap {
    width: 100%;
    padding: 0;
    margin-bottom: 22px; }
    .result-page-view .search-wrap label {
      /* Heading 3 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      /* identical to box height, or 125% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071;
      margin-bottom: 20px; }
    .result-page-view .search-wrap .search-inner-wrap {
      display: flex;
      flex-wrap: wrap; }
    .result-page-view .search-wrap .form-item {
      position: relative;
      width: calc(100% - 122px);
      margin-right: 20px;
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      /* Internet Explorer 10-11 */
      /* Microsoft Edge */ }
      .result-page-view .search-wrap .form-item .close-icon {
        width: 17px;
        height: 17px;
        right: 25px; }
      .result-page-view .search-wrap .form-item input {
        outline: 0 !important;
        box-shadow: none !important;
        border-radius: 0;
        border: 1px solid #242071 !important;
        padding: 16.5px 48px;
        /* Paragraph 2 (primary) */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height, or 162% */
        font-feature-settings: "pnum" on, "lnum" on;
        color: #242071;
        height: auto;
        background: url(../scss-js/pages/img/result-page/search.svg) center left 15px no-repeat; }
        .result-page-view .search-wrap .form-item input:placeholder {
          /* Paragraph 2 (primary) */
          font-family: Raleway;
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 26px;
          /* identical to box height, or 162% */
          font-feature-settings: "pnum" on, "lnum" on;
          color: #242071; }
      .result-page-view .search-wrap .form-item input::placeholder {
        color: #242071;
        opacity: 1;
        /* Firefox */ }
      .result-page-view .search-wrap .form-item input:-ms-input-placeholder {
        color: #242071; }
      .result-page-view .search-wrap .form-item input::-ms-input-placeholder {
        color: #242071; }
  .result-page-view .btn.form-submit,
  .result-page-view .btn.form-submit:active:focus {
    outline: 0 !important;
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 102px;
    height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #242071 !important;
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    background-color: #242071;
    transition: all 0.3s ease;
    border-radius: 0;
    margin-top: 0 !important; }
    .result-page-view .btn.form-submit:hover,
    .result-page-view .btn.form-submit:active:focus:hover {
      color: #242071;
      background-color: #fff; }
  .result-page-view .views-submit-button {
    padding: 0;
    margin: 0; }
  .result-page-view .filters-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px;
    width: auto;
    min-width: 100%; }
    .result-page-view .filters-wrap .mCSB_scrollTools {
      right: -5px; }
    .result-page-view .filters-wrap .filter-item > label {
      position: relative;
      display: block;
      /* Paragraph 3 (bold) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071;
      background: #f2f0ff;
      margin: 0;
      padding: 13px 38px 13px 17px; }
      .result-page-view .filters-wrap .filter-item > label::after {
        content: "";
        width: 12px;
        height: 8px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        background: url(../scss-js/pages/img/result-page/down-arrow.svg) center no-repeat;
        transition: transform 0.5s ease; }
    .result-page-view .filters-wrap .filter-item.open > label::after {
      transform: translateY(-50%) rotate(180deg); }
    .result-page-view .filters-wrap .views-exposed-widget {
      width: 25%;
      padding: 0 9px; }
    .result-page-view .filters-wrap .views-widget {
      display: none;
      background: transparent;
      padding: 0;
      margin-top: 20px; }
      .result-page-view .filters-wrap .views-widget > .form-item {
        box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
        max-height: 250px;
        overflow: hidden;
        background: #fff;
        padding: 15px 5px 10px 10px; }
      .result-page-view .filters-wrap .views-widget .mCSB_inside > .mCSB_container {
        margin-right: 10px; }
    .result-page-view .filters-wrap .form-control {
      border: 0;
      outline: 0;
      box-shadow: none;
      height: 100%;
      padding: 0; }
    .result-page-view .filters-wrap .form-checkboxes {
      background: transparent; }
    .result-page-view .filters-wrap .bef-group-heading {
      display: none; }
    .result-page-view .filters-wrap .bef-checkboxes input {
      width: 15px !important;
      height: 15px;
      margin-right: 10px;
      margin-top: 0;
      display: none; }
      .result-page-view .filters-wrap .bef-checkboxes input + label {
        position: relative;
        padding-left: 20px;
        font-size: 13px;
        font-weight: 400;
        color: #242071; }
        .result-page-view .filters-wrap .bef-checkboxes input + label::before {
          content: "";
          position: absolute;
          border-radius: 0;
          width: 13px;
          height: 13px;
          border: 1px solid #6e6f71;
          left: 0;
          top: 2px;
          pointer-events: none; }
      .result-page-view .filters-wrap .bef-checkboxes input:checked + label::before {
        background: url(../scss-js/pages/img/result-page/tick.png) center no-repeat; }
  .result-page-view > .view-content {
    flex-wrap: wrap;
    margin: 0 -25px; }
  .result-page-view .each-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 0 25px; }
  .result-page-view.single-filter-type .filters-wrap {
    margin: 0 auto; }
  .result-page-view .single-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%; }
    .result-page-view .single-filter .label-text,
    .result-page-view .single-filter .each-filter-item {
      color: #242071; }
    .result-page-view .single-filter .label-text {
      margin-right: 23px; }
    .result-page-view .single-filter .each-filter-item {
      display: inline-block;
      border-bottom: 1px solid;
      padding: 0 0 1px;
      cursor: pointer; }
      .result-page-view .single-filter .each-filter-item:not(:last-child) {
        margin-right: 23px; }
      .result-page-view .single-filter .each-filter-item.active, .result-page-view .single-filter .each-filter-item:hover {
        color: #1bce9b; }

/* Result Details */
.result-detail {
  margin: 100px 0 50px; }
  .result-detail .top-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  .result-detail .search-label {
    color: #242071;
    text-transform: uppercase; }
  .result-detail .clear-filter {
    cursor: pointer;
    color: #2e4ab5; }
  .result-detail.filter-present:not(.search-present) .top-sec {
    display: block;
    text-align: right; }
  .result-detail .result-pills {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px; }
  .result-detail .close-pill {
    position: relative;
    cursor: pointer;
    padding: 12px 50px 12px 13px;
    background: #f2f0ff;
    margin-right: 15px;
    color: #242071;
    margin-bottom: 10px; }
    .result-detail .close-pill .close-icon {
      width: 12px;
      height: 12px;
      right: 20px;
      background-size: contain; }

/* End of Result Details */
/* Each result Item */
.result-item {
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
  border-top: 1px solid #2e4ab5; }
  .result-item .left-wrap {
    width: 70px;
    height: 80px;
    margin-right: 33px; }
  .result-item .right-wrap {
    width: calc(100% - 113px); }
    .result-item .right-wrap .date,
    .result-item .right-wrap .date span {
      /* Subhead 2 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      /* line-height: 20px; */
      line-height: 22px;
      /* identical to box height, or 143% */
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071; }
    .result-item .right-wrap .date > span:not(:last-child):after,
    .result-item .right-wrap .tags > span:not(:last-child):after {
      content: "";
      width: 3px;
      height: 3px;
      border-radius: 50%;
      display: inline-block; }
    .result-item .right-wrap .date > span:not(:last-child):after {
      background-color: #242071;
      margin: 0 5px 3px; }
    .result-item .right-wrap .tags > span:not(:last-child):after {
      background-color: rgba(0, 0, 0, 0.6);
      margin: 0 5px 3px 3px; }
    .result-item .right-wrap .title,
    .result-item .right-wrap .title a {
      /* Paragraph 1 (intro) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 24px;
      line-height: 150%;
      /* identical to box height, or 36px */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071;
      transition: all 0.3s ease;
      /*  &:hover {
        color: $prominant-color;
      } */ }
    .result-item .right-wrap .sub-title,
    .result-item .right-wrap .desc,
    .result-item .right-wrap .tags,
    .result-item .right-wrap .tags span {
      /* Paragraph 2 (primary) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      font-feature-settings: "pnum" on, "lnum" on; }
    .result-item .right-wrap .sub-title {
      color: #242071; }
    .result-item .right-wrap .tags {
      color: rgba(0, 0, 0, 0.6); }
    .result-item .right-wrap .title {
      display: inline;
      margin-bottom: 5px; }
      .result-item .right-wrap .title:hover {
        border-bottom: 1.5px solid; }
    .result-item .right-wrap .sub-title {
      margin-top: 5px;
      margin-bottom: 24px; }
    .result-item .right-wrap .desc {
      margin-bottom: 8px; }
  .result-item.no-left-img .left-wrap {
    display: none; }
  .result-item.no-left-img .right-wrap {
    width: 100%; }

/* End of Each Result Item */
/* Go to top */
.go-top-wrap {
  position: relative;
  width: 100%;
  min-height: 44px; }
  .go-top-wrap .arrow-label-wrap {
    position: absolute;
    top: -40px;
    right: -120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
  .go-top-wrap .go-top {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #f2f0ff; }
  .go-top-wrap .back-label {
    width: 100%;
    text-align: center;
    color: #2e4ab5;
    margin-top: 10px; }

/* End of Go to top */
body .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px; }
  body .pagination li {
    display: inline-block;
    margin: 0 25px; }
    body .pagination li.active span {
      border-radius: 50%;
      background: #242071;
      /* Paragraph 3 (bold) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
      font-feature-settings: "pnum" on, "lnum" on;
      min-width: 21px;
      min-height: 23px; }
    body .pagination li a,
    body .pagination li span {
      /* Paragraph 2 (primary) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071;
      border: 0;
      padding: 0; }
    body .pagination li.pager-first, body .pagination li.pager-last {
      display: none; }
    body .pagination li.prev, body .pagination li.next {
      position: relative; }
      body .pagination li.prev a, body .pagination li.next a {
        background: transparent;
        color: #242071; }
        body .pagination li.prev a::before, body .pagination li.next a::before {
          content: "";
          display: inline-block;
          width: 8px;
          height: 11px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
      body .pagination li.prev a, body .pagination li.next a {
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        display: inline-block;
        text-transform: uppercase; }
    body .pagination li.prev {
      margin-right: 50px; }
      body .pagination li.prev a {
        padding-left: 15px; }
        body .pagination li.prev a::before {
          left: 0;
          background: url(../scss-js/pages/img/result-page/prev.svg) center no-repeat;
          background-size: contain; }
        body .pagination li.prev a:hover::before {
          background: url(../scss-js/pages/img/result-page/prev-hover.svg) center no-repeat; }
    body .pagination li.next {
      margin-left: 50px; }
      body .pagination li.next a {
        padding-right: 15px; }
        body .pagination li.next a::before {
          right: 0;
          background: url(../scss-js/pages/img/result-page/next.svg) center no-repeat;
          background-size: contain; }
        body .pagination li.next a:hover::before {
          background: url(../scss-js/pages/img/result-page/next-hover.svg) center no-repeat; }

/* Style End */
@media only screen and (max-width: 1199px) {
  .go-top-wrap .arrow-label-wrap {
    right: -45px; } }
@media only screen and (max-width: 991px) {
  .result-page-view.single-filter-type .view-filters {
    margin-left: auto; }
  .result-page-view .single-filter .each-filter-item {
    margin-bottom: 10px; }
  .result-page-view .single-filter .label-text {
    margin-bottom: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .result-page .view-footer {
    margin-top: 50px; }

  .result-page-view {
    margin: 80px auto 40px; }
    .result-page-view .filters-wrap .views-exposed-widget {
      width: 50%;
      margin-bottom: 15px; }
    .result-page-view .each-item {
      width: 100%; } }
@media only screen and (max-width: 767px) {
  .go-top-wrap .go-top {
    right: 15px; }

  .result-page .view-footer {
    margin-top: 25px; }

  .result-page-view {
    margin: 55px auto 0;
    padding: 0 23px; }
    .result-page-view .view-filters + .view-content {
      margin-top: 50px; }
    .result-page-view .view-footer .bottom-featured-section {
      margin-bottom: 0; }
      .result-page-view .view-footer .bottom-featured-section .each-card {
        padding: 0;
        margin-bottom: 24px; }
        .result-page-view .view-footer .bottom-featured-section .each-card:last-child {
          margin-bottom: 0; }
    .result-page-view .search-wrap {
      margin-bottom: 15px; }
      .result-page-view .search-wrap label {
        display: none; }
      .result-page-view .search-wrap .form-item {
        width: 100%;
        margin: 0 0 11px; }
      .result-page-view .search-wrap .views-submit-button {
        width: 100%; }
    .result-page-view .filters-wrap {
      margin: 0 -5px;
      position: relative; }
      .result-page-view .filters-wrap .views-exposed-widget {
        display: flex;
        width: 50%;
        margin-bottom: 10px;
        padding: 0 5px; }
      .result-page-view .filters-wrap .views-widget > .form-item {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        max-width: 100%;
        width: 100%;
        padding-top: 50px; }
      .result-page-view .filters-wrap .filter-item .close-icon {
        position: absolute;
        width: 17px;
        height: 17px;
        top: 20px;
        right: 15px; }
      .result-page-view .filters-wrap .filter-item > label {
        width: 100%;
        padding: 13px 30px 13px 11px; }
        .result-page-view .filters-wrap .filter-item > label:after {
          right: 10px; }
    .result-page-view .each-item {
      width: 100%;
      padding: 0 24px; }

  /* Result found */
  .result-detail {
    position: relative;
    margin: 56px 0 30px; }
    .result-detail.filter-present {
      padding-bottom: 20px; }
    .result-detail .clear-filter {
      position: absolute;
      bottom: 0;
      left: 0; }
    .result-detail .close-pill {
      background: transparent;
      padding: 0 50px 0 0; }

  .result-item {
    padding: 30px 0; }
    .result-item .right-wrap {
      width: 100%;
      margin-bottom: 30px; }

  .go-top-wrap .arrow-label-wrap {
    right: -20px; }
  .go-top-wrap .first-phrase {
    display: none; }

  /* pagination */
  body .pagination {
    margin-bottom: 0; }
    body .pagination > li {
      margin: 0 20px; }
    body .pagination .prev,
    body .pagination .next {
      display: none; } }
/* Latest News */
.news-result-view .view-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; }
.news-result-view .each-card {
  display: flex;
  width: 33.33%;
  padding: 0 15px;
  margin-bottom: 30px; }

/* End of Latest News */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-result-view .each-card {
    width: 50%; } }
@media only screen and (max-width: 767px) {
  .news-result-view .each-card {
    width: 100%;
    margin-bottom: 25px; }
    .news-result-view .each-card:last-child {
      margin-bottom: 0; } }
/* Detail pages */
.custom-outer-container.page-template-b {
  margin-top: 0;
  margin-bottom: 0; }

.progress-section-wrap {
  position: relative;
  margin-top: 68px; }

/* Left Tabs Section */
.left-tabs-section {
  width: 210px;
  background: #fff;
  max-height: 270px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20; }
  .left-tabs-section.floating-tab {
    position: fixed;
    top: 104px;
    left: calc(50% - 608.5px); }
  .left-tabs-section.bottom {
    bottom: 0;
    top: auto; }
  .left-tabs-section .mCSB_scrollTools_vertical {
    opacity: 0 !important; }
  .left-tabs-section:hover .mCSB_scrollTools_vertical {
    opacity: 1 !important; }
  .left-tabs-section ul {
    list-style-type: none;
    padding: 0; }
  .left-tabs-section li {
    counter-increment: articles;
    /*     .read {
      color: $black-color;
    } */ }
    .left-tabs-section li a {
      display: block;
      position: relative;
      padding: 10px 0 6px;
      z-index: 0;
      outline: 0 !important;
      border-bottom: 4px solid transparent; }
    .left-tabs-section li .label-menu,
    .left-tabs-section li a {
      /* Link 1 */
      font-family: Raleway;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      /* identical to box height, or 171% */
      letter-spacing: -0.01em;
      font-weight: 400;
      color: #242071; }
    .left-tabs-section li .label-menu {
      pointer-events: none; }
    .left-tabs-section li:last-child .read .label-menu {
      font-weight: 700; }
    .left-tabs-section li .reading {
      border-color: #f2f0ff; }
      .left-tabs-section li .reading span[style='width: 100%;'] + span,
      .left-tabs-section li .reading .label-menu {
        font-weight: 700;
        color: #242071; }
  .left-tabs-section .progress {
    position: absolute;
    z-index: -1;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 4px;
    background: #242071 none repeat scroll 0 0;
    margin-bottom: 0;
    border-radius: 0; }

/* End of Left Tabs Section */
/* Right Article Section */
.right-article-section {
  position: relative;
  padding-left: 250px;
  max-width: 936px;
  margin-bottom: 5em;
  /* Right Article Section Font and spacing Styles */
  /* End of Right Article Section Font and spacing Styles */ }
  .right-article-section .rtecenter img {
    height: auto !important; }
  .right-article-section > .edit-node {
    position: absolute;
    top: 40px; }
  .right-article-section::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none; }
  .right-article-section article {
    padding: 0 0 70px;
    margin: 0 0 70px;
    border-bottom: 1px solid #e6e6e6; }
    .right-article-section article:last-of-type {
      margin-bottom: 0;
      border-bottom: none; }
  .right-article-section h4 {
    margin: 39px 0 20px; }
  .right-article-section p:last-of-type {
    padding-bottom: 0; }

/* End of Right Article Section */
@media only screen and (max-width: 1439px) {
  .left-tabs-section.floating-tab {
    left: calc(50% - 557.5px); }

  .right-article-section {
    padding-left: 230px; } }
@media only screen and (max-width: 1199px) {
  .left-tabs-section.floating-tab {
    left: calc(50% - 497.5px); }

  .right-article-section {
    padding-left: 220px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .left-tabs-section.floating-tab {
    left: 40px; }

  .right-article-section {
    padding-left: 240px; }
    .right-article-section article {
      padding: 0 0 40px;
      margin: 0 0 40px; } }
@media only screen and (max-width: 767px) {
  .progress-section-wrap {
    margin-top: 14px; }

  .left-tabs-section {
    position: static !important;
    max-height: 100%;
    width: 100%; }
    .left-tabs-section li {
      margin-bottom: 10px; }
      .left-tabs-section li a {
        display: inline;
        border-bottom: 1px solid #242071; }
      .left-tabs-section li .label-menu {
        font-weight: 700; }

  .right-article-section {
    margin: 40px 0 0;
    padding-left: 0; }
    .right-article-section article {
      padding: 0 0 30px;
      margin: 0 0 30px; }
      .right-article-section article:last-child {
        padding-bottom: 0; } }
.page-template-c h2 {
  color: #242071; }

.details-body {
  /* Detail image */ }
  .details-body td img {
    width: 100%;
    max-width: unset; }
  .details-body p.img-panel__p-tag:last-of-type {
    margin-bottom: 0 !important; }
  .details-body p,
  .details-body ul li,
  .details-body ol li {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on; }
  .details-body p {
    margin: 0 0 12px; }
  .details-body p a,
  .details-body ul li a,
  .details-body ol li a {
    font-weight: 700;
    color: #242071;
    transition: all 0.3s ease; }
    .details-body p a:hover,
    .details-body ul li a:hover,
    .details-body ol li a:hover {
      color: #1bce9b; }
  .details-body .field-item > p:first-child b,
  .details-body .field-content > p:first-child b {
    /* Paragraph 1 (intro) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    font-feature-settings: "pnum" on, "lnum" on;
    display: inline-block;
    color: #242071;
    margin-bottom: 12px; }
  .details-body .image-caption {
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    color: #707070;
    font-style: normal;
    caption-side: bottom;
    width: 100%;
    margin: 10px 0;
    text-align: left; }
  .details-body h3 {
    margin-bottom: 15px; }
  .details-body h3,
  .details-body h4,
  .details-body h5 {
    color: #242071; }
  .details-body blockquote {
    background: url(../scss-js/pages/detail/img/detail-layout/quote-arrow.svg) left top 15px no-repeat;
    padding-left: 60px; }
    .details-body blockquote span {
      /* Subhead 2 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      /* line-height: 20px; */
      line-height: 22px;
      /* identical to box height, or 143% */
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on; }
  .details-body blockquote,
  .details-body blockquote p {
    /* Pull-Quote */
    font-family: Spectral;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    letter-spacing: -0.02em;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071;
    border: 0; }
  .details-body ul,
  .details-body ol {
    padding-left: 30px; }
  .details-body .img-panel {
    position: relative; }
    .details-body .img-panel .panel-area {
      cursor: pointer; }
    .details-body .img-panel .photo-by {
      cursor: auto; }
    .details-body .img-panel .zoom-icon {
      display: none; }
    .details-body .img-panel .zoom-icon {
      position: absolute;
      z-index: 1;
      right: 12px;
      bottom: 0;
      font-size: 0;
      width: 33px;
      height: 63px;
      background: url(../scss-js/pages/detail/img/detail-layout/zoom.svg) left top 15px no-repeat; }
    .details-body .img-panel.active {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3);
      z-index: 4545222;
      right: 0; }
      .details-body .img-panel.active .mCSB_container {
        margin-right: 30px !important;
        margin-left: 30px !important; }
      .details-body .img-panel.active .panel-area {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 45px 0; }
      .details-body .img-panel.active .panel-scroll {
        width: 100%;
        max-height: 100%;
        overflow: hidden;
        max-width: 1218px; }
        .details-body .img-panel.active .panel-scroll img {
          width: 100% !important;
          height: auto !important; }
    .details-body .img-panel:not(.active) img {
      object-fit: cover;
      width: 100% !important; }
    .details-body .img-panel:not(.active) .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
      margin-right: 0; }
    .details-body .img-panel:not(.active) .mCSB_scrollTools {
      display: none; }
    .details-body .img-panel:hover:not(.active) .zoom-icon {
      display: block; }
    .details-body .img-panel:hover:not(.active) .mCSB_container::after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4); }

.contact-card {
  position: relative;
  padding: 30px 63px 30px 45px;
  margin-top: 30px; }
  .contact-card::before {
    content: "";
    position: absolute;
    width: 42px;
    height: 31px;
    top: 30px;
    left: -21px;
    background: url(../scss-js/pages/detail/img/detail-layout/quote-arrow.svg) center no-repeat;
    background-size: cover; }
  .contact-card .content-wrap .content-item:not(:last-child) {
    margin-bottom: 15px; }
  .contact-card .content-wrap .title,
  .contact-card .content-wrap .desc,
  .contact-card .content-wrap .desc a {
    color: #242071; }
  .contact-card .content-wrap .title {
    /* Subhead 1 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height, or 144% */
    font-feature-settings: "pnum" on, "lnum" on;
    margin-bottom: 5px; }
  .contact-card .content-wrap .desc,
  .contact-card .content-wrap .desc a {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on; }

@media only screen and (max-width: 768px) {
  .custom-inner-container-2 .photo-credit.banner-js {
    padding-left: 24px; } }
.photo-credit.banner-js {
  position: relative;
  margin-top: 23px; }
  .photo-credit.banner-js .photo-by {
    padding-top: 5px; }
  .photo-credit.banner-js::before {
    content: "";
    position: absolute;
    top: 0;
    width: 45px;
    height: 1px;
    background: #242071; }

.body-caption {
  text-align: left;
  margin-top: 20px; }
  .body-caption span {
    color: #242071; }
  .body-caption .caption {
    /* Paragraph 3 (bold) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    font-feature-settings: "pnum" on, "lnum" on; }
  .body-caption .name {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on; }

.photo-by {
  margin-top: 6px;
  text-align: left; }
  .photo-by span {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #242071; }
    .photo-by span.name {
      font-weight: 500; }

/* Page Navigation */
.pager-nav-block {
  margin: 56px auto 147px; }

@media only screen and (min-width: 1200px) {
  .pager-nav-block.template-a {
    margin: 0 auto 118px; } }
.pager-nav-box {
  display: flex;
  flex-wrap: wrap; }

.pager-nav-box.progress-page {
  min-height: 144px;
  justify-content: flex-end;
  padding-left: 230px;
  margin: 106px 0 111px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pager-nav-box.progress-page {
    padding-left: 0; } }
@media only screen and (max-width: 767px) {
  .pager-nav-box.progress-page {
    padding-left: 0;
    margin: 30px 0 0;
    min-height: auto; } }
.pager-nav {
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  width: 50%; }
  .pager-nav:hover h3,
  .pager-nav:hover .page-link {
    opacity: 0.8; }
  .pager-nav .page-link,
  .pager-nav h3 {
    color: #242071; }
  .pager-nav .page-link {
    text-transform: uppercase; }
    .pager-nav .page-link.in-mobile {
      display: none; }
  .pager-nav h3 {
    text-transform: capitalize;
    padding-bottom: 5px;
    margin: 7px 0 0;
    border-bottom: 3px solid #ffb636; }
  .pager-nav .page-arrow {
    position: absolute;
    width: 155px;
    height: 114px;
    top: 30px;
    z-index: -1; }
  .pager-nav.prev {
    padding-left: 80px;
    opacity: 0;
    pointer-events: none; }
    .pager-nav.prev .page-arrow {
      background: url(../scss-js/pages/detail/img/detail-layout/pager-nav/prev.svg) center left no-repeat;
      left: 0; }
  .pager-nav.next {
    justify-content: flex-end;
    padding-right: 80px; }
    .pager-nav.next .page-arrow {
      background: url(../scss-js/pages/detail/img/detail-layout/pager-nav/next.svg) center right no-repeat;
      right: 0; }

/* Oval shape corrected */
body .pagination li a:hover {
  background-color: transparent;
  color: #1bce9b; }
body .pagination li.active span {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  body .pagination li.active span:hover {
    background-color: #242071; }
  body .pagination li.active span::before, body .pagination li.active span::after {
    content: "\200B";
    display: inline-block;
    line-height: 0px;
    padding-top: 50%;
    padding-bottom: 50%; }
  body .pagination li.active span::before {
    padding-left: 8px; }
  body .pagination li.active span::after {
    padding-right: 8px; }

/* End of Page Navigation */
.page-template-c h2 {
  color: #242071; }

.details-body {
  /* Detail image */ }
  .details-body p,
  .details-body div,
  .details-body ul li,
  .details-body ol li {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on; }
  .details-body p {
    margin: 0 0 12px; }
  .details-body p a,
  .details-body ul li a,
  .details-body ol li a {
    font-weight: 700;
    color: #242071;
    transition: all 0.3s ease; }
    .details-body p a:hover,
    .details-body ul li a:hover,
    .details-body ol li a:hover {
      color: #1bce9b; }
  .details-body .field-content > p:first-child b {
    /* Paragraph 1 (intro) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    font-feature-settings: "pnum" on, "lnum" on;
    display: inline-block;
    color: #242071;
    margin-bottom: 12px; }
  .details-body h3 {
    margin-bottom: 15px; }
  .details-body h3,
  .details-body h4,
  .details-body h5 {
    color: #242071; }
  .details-body blockquote {
    background: url(../scss-js/pages/detail/img/detail-layout/quote-arrow.svg) left top 15px no-repeat;
    padding-left: 60px; }
  .details-body blockquote,
  .details-body blockquote p {
    /* Pull-Quote */
    font-family: Spectral;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    letter-spacing: -0.02em;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071;
    border: 0; }
  .details-body ul,
  .details-body ol {
    padding-left: 30px; }
  .details-body .img-panel {
    position: relative;
    cursor: pointer; }
    .details-body .img-panel .zoom-icon {
      display: none; }
    .details-body .img-panel .zoom-icon {
      position: absolute;
      z-index: 1;
      right: 12px;
      bottom: 0;
      font-size: 0;
      width: 33px;
      height: 63px;
      background: url(../scss-js/pages/detail/img/detail-layout/zoom.svg) left top 15px no-repeat; }
    .details-body .img-panel.active {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3);
      z-index: 4545222;
      right: 0; }
      .details-body .img-panel.active .mCSB_container {
        margin-right: 30px !important;
        margin-left: 30px !important; }
      .details-body .img-panel.active .panel-area {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 45px 0; }
      .details-body .img-panel.active .panel-scroll {
        width: 100%;
        max-height: 100%;
        overflow: hidden;
        max-width: 1218px; }
        .details-body .img-panel.active .panel-scroll img {
          width: 100% !important;
          height: auto !important; }
    .details-body .img-panel:not(.active) img {
      object-fit: cover;
      width: 100% !important; }
    .details-body .img-panel:not(.active) .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
      margin-right: 0; }
    .details-body .img-panel:not(.active) .mCSB_scrollTools {
      display: none; }
    .details-body .img-panel:hover:not(.active) .zoom-icon {
      display: block; }
    .details-body .img-panel:hover:not(.active) .mCSB_container::after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4); }

.photo-by {
  margin-top: 6px;
  text-align: left; }
  .photo-by span {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #242071; }
    .photo-by span.name {
      font-weight: 500; }

/* Page Navigation */
.pager-nav-box {
  display: flex;
  flex-wrap: wrap; }

.pager-nav {
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  width: 50%; }
  .pager-nav:hover h3,
  .pager-nav:hover .page-link {
    opacity: 0.8; }
  .pager-nav .page-link,
  .pager-nav h3 {
    color: #242071; }
  .pager-nav .page-link {
    text-transform: uppercase; }
    .pager-nav .page-link.in-mobile {
      display: none; }
  .pager-nav h3 {
    text-transform: capitalize;
    padding-bottom: 5px;
    margin: 7px 0 0;
    border-bottom: 3px solid #ffb636; }
  .pager-nav .page-arrow {
    position: absolute;
    width: 155px;
    height: 114px;
    top: 30px;
    z-index: -1; }
  .pager-nav.prev {
    padding-left: 80px;
    opacity: 0;
    pointer-events: none; }
    .pager-nav.prev .page-arrow {
      background: url(../scss-js/pages/detail/img/detail-layout/pager-nav/prev.svg) center left no-repeat;
      left: 0; }
  .pager-nav.next {
    justify-content: flex-end;
    padding-right: 80px; }
    .pager-nav.next .page-arrow {
      background: url(../scss-js/pages/detail/img/detail-layout/pager-nav/next.svg) center right no-repeat;
      right: 0; }

/* End of Page Navigation */
/* Added accordion using CK editor ( Client Requirement) */
.ckeditor-accordion-container {
  margin: 30px 0 0; }
  .ckeditor-accordion-container > dl {
    border: 0; }
    .ckeditor-accordion-container > dl dt {
      position: relative;
      border-top: 1px solid #2e4ab5;
      border-bottom: 0; }
      .ckeditor-accordion-container > dl dt > a {
        padding: 11px 50px 8px 0;
        background-color: transparent !important;
        /* Paragraph 3 (bold) */
        font-family: Raleway;
        font-style: normal;
        font-weight: 800;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        font-feature-settings: "pnum" on, "lnum" on;
        color: #2e4ab5;
        border: 0;
        transition: all 0.3s ease; }
      .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle {
        left: auto;
        right: 20px;
        z-index: -1; }
        .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::after, .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::before {
          transition: all 0.3s ease;
          background: #2e4ab5; }
      .ckeditor-accordion-container > dl dt:hover > a {
        color: #1bce9b; }
      .ckeditor-accordion-container > dl dt:hover > .ckeditor-accordion-toggle:after, .ckeditor-accordion-container > dl dt:hover > .ckeditor-accordion-toggle::before {
        background: #1bce9b; }
    .ckeditor-accordion-container > dl dd {
      padding: 7px 0 14px;
      border: 0;
      color: #242071; }
      .ckeditor-accordion-container > dl dd span {
        /* Paragraph 2 (primary) */
        font-family: Raleway;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height, or 162% */
        font-feature-settings: "pnum" on, "lnum" on;
        padding-left: 0 !important; }
      .ckeditor-accordion-container > dl dd strong {
        float: left;
        padding-right: 8px; }

/* End of Accordion using CK editor*/
/*core-indoactors*/
.core-indicators .view-content {
  margin-top: 20px; }

.chart-blocks .sub-title > .under-line {
  cursor: pointer; }

.chapter-pattern4 .accorian-inner-content strong {
  float: left;
  padding-right: 8px; }

.view-microsite-detail-views .accordian-title {
  width: 100%;
  float: left;
  padding: 10px;
  padding: 11px 45px 9px 0;
  background-color: transparent;
  max-width: 827px;
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/down-arrow.svg);
  background-position: right 25px center;
  background-repeat: no-repeat;
  border: 1px solid #2e4ab5;
  border-right: 0;
  border-left: 0;
  /* Paragraph 3 (bold) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  font-feature-settings: "pnum" on, "lnum" on;
  color: #2e4ab5;
  border-bottom: 0;
  cursor: pointer;
  transition: all 0.3s ease; }

.view-microsite-detail-views .views-row:last-child:not(.full-containers) .accordian-title {
  border-bottom: 1px solid #2e4ab5; }

.view-microsite-detail-views .accordian-title:hover {
  color: #1bce9b;
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/hover-arrow.svg); }

.view-microsite-detail-views .accordion-start.full-container {
  float: left;
  width: 100%;
  max-width: 828px; }

.view-microsite-detail-views .accordion-cores .count {
  padding-right: 10px; }

.view-microsite-detail-views .accordion-cores .sub-title {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: 800;
  padding-left: 40px; }

.chapter-pattern4 .timeline-wrapper .main-wrapper {
  background: transparent !important; }

.chapter-pattern4.view-microsite-detail-views .view-content {
  overflow: hidden; }

.chapter-pattern4 .infographics-mobile img {
  width: 100%; }

.view-microsite-detail-views .accordion-core .text-more {
  font-size: 13px;
  float: left;
  width: 100%;
  font-weight: 400;
  color: #d25a55;
  margin-top: 15px; }

.full-containers .accordian-title {
  background-position: right 25px center;
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/active-arrow.svg); }

.full-containers .accordian-title:hover {
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/hover-arrow-up.svg); }

.accordion-start .accorian-inner-content {
  float: left;
  display: none;
  padding: 10px 0 25px; }

.accordion-start .accorian-inner-content,
.accordian-start .accorian-inner-content p {
  /* Paragraph 2 (primary) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */
  font-feature-settings: "pnum" on, "lnum" on;
  color: #242071; }

.accordion-start .accorian-inner-content p {
  margin-bottom: 15px; }

/*core-indoactors*/
/*core-new*/
.chapter-pattern4 .chart-blocks-wrapper .block-title {
  transform: rotate(90deg); }

.chapter-pattern4 .timeline-wrapper .popup-in .indicator-popup {
  display: block !important; }

.chapter-pattern4 .timeline-wrapper .indicator-popup {
  display: none !important;
  color: #333;
  font-weight: 400;
  padding: 10px;
  width: 220px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 70;
  top: -50px;
  cursor: default; }

.chapter-pattern4 .row-2 .count {
  background: #6aa93a !important; }

.chapter-pattern4 .timeline-wrapper .row-1 .indicator-popup .popup-title {
  color: #5087c7; }

.chapter-pattern4 .timeline-wrapper .row-1 .indicator-popup span.subtitle {
  color: #5087c7; }

.chapter-pattern4 .timeline-wrapper .indicator-popup span.subtitle {
  font-weight: 700;
  margin-bottom: 5px; }

.chapter-pattern4 .timeline-wrapper .indicator-popup .subtitle {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px; }

.chapter-pattern4 .timeline-wrapper .row-2 .indicator-popup .popup-title {
  color: #6aa93a; }

.chapter-pattern4 .timeline-wrapper .row-2 .indicator-popup .popup-title {
  color: #6aa93a; }

.chapter-pattern4 .timeline-wrapper .row-3 .indicator-popup .popup-title {
  color: #cd4842; }

.chapter-pattern4 .timeline-wrapper .row-3 .indicator-popup .popup-title {
  color: #cd4842; }

.chapter-pattern4 .timeline-wrapper .row-4 .indicator-popup .popup-title {
  color: #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-4 .indicator-popup .popup-title {
  color: #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-5 .indicator-popup .popup-title {
  color: #775592; }

.chapter-pattern4 .timeline-wrapper .indicator-popup .popup-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 3px; }

.chapter-pattern4 .timeline-wrapper .front .main-title {
  text-transform: uppercase;
  font-size: 12px;
  background: #5087c7;
  height: 80px;
  padding: 12px;
  margin-bottom: 0;
  margin: 0; }

.chapter-pattern4 .row-5 .chart-blocks:after {
  background: #fff; }

.chapter-pattern4 .timeline-wrapper .row-5 .front .main-title {
  background: #775592; }

.chapter-pattern4 .timeline-wrapper .row-4 .front .main-title {
  background: #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-2 .front .main-title {
  background: #6aa93a; }

.chapter-pattern4 .timeline-wrapper .row-2 .front .main-title {
  background: #6aa93a; }

.chapter-pattern4 .subtitle-wrapper {
  padding: 10px;
  height: 85px;
  background: #edf3f9;
  padding-left: 20px; }

.chapter-pattern4 .row-5 .subtitle-wrapper {
  background: #f1eef4;
  height: 175px; }

.chapter-pattern4 .under-line:after {
  width: 165px; }

.chapter-pattern4 .row-5 .new-under.under-line:after {
  width: 91px; }

.chapter-pattern4 .row-5 .preg.method.under-line:after {
  width: 157px; }

.chapter-pattern4 .row-5 span.count {
  background: #775592 !important; }

.chapter-pattern4 .maternal.under-line:after {
  width: 71px; }

.chapter-pattern4 .row-5 .abortion.preg.method.under-line:after {
  width: 136px; }

.chapter-pattern4 .row-5 .maternal.new-under.under-line:after {
  width: 69px; }

.chapter-pattern4 .row-5 .under-line.first.unsafe {
  margin-bottom: 0; }

.chapter-pattern4 .row-5 .deaths.preg.method.under-line:after {
  width: 116px; }

.chapter-pattern4 .row-4 .under-line:after {
  border-bottom: 1px solid #00a7b7; }

.chapter-pattern4 .row-5 .under-line:after {
  border-bottom: 1px solid #775592; }

.chapter-pattern4 .timeline-wrapper .row-4 .front .sub-title,
.timeline-wrapper .front .read-more {
  color: #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-5 .front .sub-title,
.timeline-wrapper .front .read-more {
  color: #775592; }

.chapter-pattern4 .row-4 span.count {
  background: #00a7b7 !important; }

.chapter-pattern4 .deaths.under-line:after {
  width: 117px; }

.chapter-pattern4 .adol.under-line:after {
  width: 164px; }

.chapter-pattern4 .abortion.under-line:after {
  width: 138px; }

.chapter-pattern4 .row-5 .method.under-line:after {
  width: 94px; }

.chapter-pattern4 .row-5 .unsafe.first.under-line:after {
  width: 55px; }

.under-line.new-under {
  margin-bottom: 0 !important; }

.chapter-pattern4 .row-5 .first.under-line:after {
  width: 89px; }

.chapter-pattern4 .row-4 .subtitle-wrapper {
  background: #e5f6f8; }

.chapter-pattern4 .row-2 .subtitle-wrapper {
  background: #eaf1e3; }

.chapter-pattern4 .timeline-wrapper .front .sub-title,
.timeline-wrapper .front .read-more {
  font-size: 16px;
  line-height: 22px;
  color: #5087c7;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap; }

.chapter-pattern4 .timeline-wrapper .row-2 .front .sub-title,
.timeline-wrapper .front .read-more {
  color: #6aa93a; }

.chapter-pattern4 .timeline-wrapper .front .title {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700; }

.chapter-pattern4 .timeline-wrapper span.count {
  display: block;
  background: #5087c7;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  float: left;
  color: #fff;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 25px;
  margin-right: 14px; }

.chapter-pattern4 .row-2 .count {
  background: #6aa93a; }

.chapter-pattern4 .row-1 .subtitle-wrapper {
  padding-left: 30px; }

.chapter-pattern4 .under-line {
  position: relative;
  width: 100%;
  font-weight: 700; }

.chapter-pattern4 .under-line:after {
  content: "";
  position: absolute;
  left: 41px;
  top: 21px;
  border-bottom: 1px solid #5087c7;
  width: 92px; }

.chapter-pattern4 .under-line:after {
  content: "";
  position: absolute;
  left: 41px;
  top: 21px;
  border-bottom: 1px solid #5087c7;
  width: 92px; }

.i18n-fr .chapter-pattern4 .under-line:after {
  width: 83px; }

.chapter-pattern4 .first.under-line:after {
  width: 66px; }

.chapter-pattern4 .row-1 .second .subtitle-wrapper {
  padding-left: 15px; }

.chapter-pattern4 .row-1 .third.subtitle-wrapper {
  padding-left: 15px; }

.chapter-pattern4 .timeline-wrapper .block,
.timeline-wrapper .front,
.timeline-wrapper .back {
  width: 250px; }

.chapter-pattern4 .timeline-wrapper .row-2 .front,
.timeline-wrapper .row-2 .back {
  border: 0 solid #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-2 .front {
  background: transparent; }

.chapter-pattern4 .row-2 .subtitle-wrapper {
  height: 95px; }

.i18n-fr .chapter-pattern4 .row-2 .subtitle-wrapper {
  height: 115px; }

.i18n-fr .chapter-pattern4 .row-2 .subtitle-wrapper {
  height: 121px; }

.chapter-pattern4 .row-2 .under-line.first {
  margin-bottom: 15px; }

.chapter-pattern4 .row-2 .first.under-line:after {
  width: 77px; }

.chapter-pattern4 .row-2 .under-line:after {
  border-bottom: 1px solid #6aa93a; }

.chapter-pattern4 .row-2 .under-line:after {
  width: 145px; }

.chapter-pattern4 .timeline-wrapper .row-3 .front,
.timeline-wrapper .row-3 .back {
  border: 0 solid #d46d68; }

.chapter-pattern4 .timeline-wrapper .row-3 .front {
  background: transparent; }

.chapter-pattern4 .timeline-wrapper .row-3 .front .main-title {
  background: #cd4842; }

.chapter-pattern4 .row-3 .subtitle-wrapper {
  background: #faedec; }

.chapter-pattern4 .light-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px; }

.chapter-pattern4 .timeline-wrapper .row-3 .front .main-title {
  height: 95px; }

.chapter-pattern4 .row-3 .subtitle-wrapper {
  height: 161px; }

.chapter-pattern4 .timeline-wrapper .row-3 .front .sub-title,
.timeline-wrapper .front .read-more {
  color: #cd4842; }

.chapter-pattern4 .row-3 .first.under-line:after {
  width: 41px; }

.chapter-pattern4 .row-3 .under-line:after {
  border-bottom: 1px solid #cd4842;
  width: 54px; }

.chapter-pattern4 .row-3 .circle-left .under-line:after {
  width: 140px; }

.i18n-fr .chapter-pattern4 .row-3 .circle-left .under-line.infor:after {
  width: 138px; }

.i18n-fr .chapter-pattern4 .row-3 .circle-left .under-line:after {
  width: 59px; }

.chapter-pattern4 .new-under.under-line:after {
  width: 132px; }

.chapter-pattern4 .row-4 .first.under-line:after {
  width: 123px; }

.chapter-pattern4 .row-5 span.under-line {
  margin-bottom: 10px; }

.chapter-pattern4 .row-3 .circle-left .coun.under-line:after {
  width: 85px; }

.i18n-fr .chapter-pattern4 .row-3 .circle-left .coun.under-line:after {
  width: 63px; }

.chapter-pattern4 .demand.under-line:after {
  width: 135px; }

.chapter-pattern4 .mcpr.under-line:after {
  width: 46px; }

.chapter-pattern4 .method.under-line:after {
  width: 135px; }

.under-line.method {
  padding-left: 40px; }

.chapter-pattern4 .row-3 .circle-left .first.under-line:after {
  width: 40px; }

.chapter-pattern4 .row-3 .circle-left .first.under-line:after {
  width: 40px; }

.i18n-fr .chapter-pattern4 .row-3 .circle-left .first.under-line:after {
  width: 27px; }

.chapter-pattern4 .row-3 .circle-right-align .under-line:after {
  width: 125px; }

.i18n-fr .chapter-pattern4 .first.under-line:after {
  width: 75px; }

.i18n-fr .chapter-pattern4 .row-4 .first.under-line:after {
  width: 89px; }

.i18n-fr .chapter-pattern4 .mcpr.under-line:after {
  width: 134px; }

.i18n-fr .chapter-pattern4 .row-4 .under-line:after {
  width: 133px; }

.i18n-fr .chapter-pattern4 .row-2 .first.under-line:after {
  width: 143px; }

.i18n-fr .chapter-pattern4 .row-3 .circle-right-align .first.under-line:after {
  width: 162px; }

.chapter-pattern4 .row-3 span.count {
  background-color: #cd4842; }

.chapter-pattern4 .chart-blocks-wrapper.row-4 {
  margin-top: 100px; }

.chapter-pattern4 .row-4 .subtitle-wrapper {
  height: 262px; }

.i18n-fr .chapter-pattern4 .chart-blocks-wrapper.row-5 {
  margin-top: 221px; }

.i18n-fr .chapter-pattern4 .row-5 .first.under-line:after {
  width: 90px; }

.i18n-fr .chapter-pattern4 .row-4 .animation-wrapper {
  top: 0;
  top: -129px; }

.i18n-fr .chapter-pattern4 .timeline-wrapper .row-4 .block-title {
  top: 168px; }

.i18n-fr .chapter-pattern4 .timeline-wrapper .row-2 .direction-wrap {
  top: -97px; }

.i18n-fr .chapter-pattern4 .timeline-wrapper .row-5 .direction-wrap {
  top: -98px; }

.i18n-fr .chapter-pattern4 .row-5 .deaths.preg.method.under-line:after {
  width: 95px; }

.i18n-fr .chapter-pattern4 .row-5 .first.under-line:after {
  width: 54px; }

.i18n-fr .chapter-pattern4 .row-5 .abortion.preg.method.under-line:after {
  width: 161px; }

.i18n-fr .chapter-pattern4 .row-5 .adol.under-line:after {
  width: 159px; }

.i18n-fr .chapter-pattern4 .timeline-wrapper .direction-wrap {
  top: 29px; }

.i18n-fr .chapter-pattern4 .row-4 .subtitle-wrapper {
  height: 290px; }

.chapter-pattern4 .timeline-wrapper .row-4 .front {
  background: transparent; }

.chapter-pattern4 .chart-blocks-wrapper.row-5 {
  margin-top: 190px; }

.chapter-pattern4 .timeline-wrapper .row-4 .front,
.timeline-wrapper .row-4 .back {
  border: 0 solid #7ac143; }

.chapter-pattern4 .row-4 .under-line {
  position: relative;
  margin-bottom: 15px; }

.chapter-pattern4 .timeline-wrapper .row-5 .front,
.timeline-wrapper .row-5 .back {
  border: 0 solid #775592; }

.chapter-pattern4 .row-1 span.sub-title {
  display: block !important; }

.chapter-pattern4 .row-4 span.block.no-flip {
  height: 342px; }

.chapter-pattern4 .chart-blocks-wrapper.row-2 {
  margin-top: 45px; }

.chapter-pattern4 .row-2 .block.no-flip {
  height: 194px; }

.chapter-pattern4 .row-5 .chart-blocks:after {
  right: -12px;
  left: auto;
  top: 118px; }

.chapter-pattern4 .row-5 .block.no-flip {
  height: 201px; }

.chapter-pattern4 .no-circle-section .no-flip:after {
  display: none; }

.chapter-pattern4 .animation-area {
  display: block;
  background: #ccc;
  height: 95px;
  transition: all 2s ease;
  width: 2px;
  top: 95px;
  transition-duration: 2s; }

.chapter-pattern4 .animation-area:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/circle.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f2f2f2; }

.chapter-pattern4 .animation-area:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/down_arrow.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 35px; }

.chapter-pattern4 .row-3 .animation-area:after {
  bottom: 49px; }

.chapter-pattern4 .row-1 .animation-area:after {
  bottom: 27px; }

.chapter-pattern4 .row-5 .animation-area:after {
  bottom: 16px; }

.chapter-pattern4 .row-4 .animation-area:after {
  bottom: 11px; }

.chapter-pattern4 .visible .animation-area:after {
  display: block; }

.chapter-pattern4 .row-2 .animation-area:before {
  bottom: 49px; }

.chapter-pattern4 .row-3 span.animation-wrapper {
  top: 241px; }

.chapter-pattern4 .row-1 .animation-area:before {
  bottom: 27px; }

.chapter-pattern4 .visible .animation-area:before {
  display: block; }

.chapter-pattern4 .row-1 .animation-area {
  height: 45px;
  transition-delay: .5s; }

.chapter-pattern4 .timeline-wrapper .row-2 .block-title {
  top: 20px; }

.chapter-pattern4 .row-2 .animation-area {
  height: 105px;
  transition-delay: .10s; }

.chapter-pattern4 .row-3 .block-title {
  top: 203px; }

.chapter-pattern4 .row-4 .animation-wrapper {
  top: 0;
  top: -182px; }

.chapter-pattern4 .row-5 .animation-wrapper {
  top: -212px; }

.chapter-pattern4 .visible .row-5 span.animation-wrapper {
  height: 324px;
  transition-delay: 4s; }

.chapter-pattern4 .visible .row-4 span.animation-wrapper {
  height: 230px;
  transition-delay: 3s; }

.chapter-pattern4 .row-3 .animation-area {
  top: 220px;
  height: 0; }

.chapter-pattern4 .row-3 .animation-area {
  transition-delay: 3s;
  height: 190px; }

.chapter-pattern4 .visible .row-3 .animation-area {
  transition-delay: 3s;
  height: 190px; }

.chapter-pattern4 .timeline-wrapper .row-4 .block-title {
  position: absolute;
  left: -72px;
  top: 53px; }

.chapter-pattern4 .row-4 .animation-area {
  top: 314px; }

.chapter-pattern4 .row-4 .animation-area {
  height: 210px; }

.chapter-pattern4 .row-4 .animation-area:before {
  bottom: 12px; }

.chapter-pattern4 .row-5 .animation-area {
  height: 300px;
  transition-delay: .35s; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper::after {
  display: none; }

.chapter-pattern4 .timeline-wrapper .row-5 .block-title {
  top: 320px; }

.chapter-pattern4 .animation-wrapper {
  width: 12px;
  height: 0;
  position: absolute;
  left: 0;
  transition: all 0.5s ease 0.5s;
  top: 186px;
  display: flex;
  justify-content: center;
  overflow: hidden; }

.chapter-pattern4 .visible .row-1 .animation-wrapper {
  height: 80px; }

.chapter-pattern4 .visible .row-2 .animation-wrapper {
  height: 149px; }

.chapter-pattern4 .row-2 .animation-wrapper {
  top: 125px;
  transition-delay: 2s; }

.chapter-pattern4 .row-5 .chart-blocks:after {
  background-image: none;
  border: 2px solid #775592;
  border-radius: 50%; }

.chapter-pattern4 .timeline-wrapper .timeline-container {
  max-width: 1140px;
  /*margin: auto;
    */
  padding: 50px 0px;
  padding-left: 0;
  padding-bottom: 130px; }

.chapter-pattern4 .row-3 .chart-blocks:after {
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/cd4842.png) !important;
  background: #fff; }

.chapter-pattern4 .row-1 .chart-blocks:after {
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/5087c7.png); }

.chapter-pattern4 .chart-blocks:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  left: 0;
  bottom: 3px;
  right: 0;
  margin: 0 auto; }

.chapter-pattern4 .row-2 .chart-blocks:after {
  bottom: 73px;
  right: 0;
  left: auto;
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/6aa93a.png); }

.chapter-pattern4 .row-3 .chart-blocks:after {
  background-image: url(../scss-js/pages/detail/interactive-graph/img/measurement/cd4842.png) !important;
  background: #fff; }

.chapter-pattern4 .row-2 .no-circle-section.chart-blocks:after {
  display: none; }

.chapter-pattern4 .circle-right-align.chart-blocks:after {
  bottom: 71px;
  right: -5px;
  left: auto; }

.chapter-pattern4 .timeline-wrapper .row-5 .block,
.chapter-pattern4 .timeline-wrapper .row-5 .front,
.chapter-pattern4 .timeline-wrapper .row-5 .back {
  width: 232px; }

.chapter-pattern4 .timeline-wrapper .row-4 .block,
.chapter-pattern4 .timeline-wrapper .row-4 .front,
.chapter-pattern4 .timeline-wrapper .row-4 .back {
  width: 236px; }

.chapter-pattern4 .chart-blocks.is-popup-active .block {
  z-index: 10;
  position: relative; }

.chapter-pattern4 .timeline-wrapper .popup-title {
  background: none; }

.chapter-pattern4 .circle-left.chart-blocks:after {
  bottom: 71px;
  right: auto;
  left: -5px; }

.chapter-pattern4 .timeline-wrapper .main-wrapper {
  display: flex;
  justify-content: space-between; }

.chapter-pattern4 .timeline-wrapper .main-wrapper aside {
  max-width: 350px;
  padding-top: 50px;
  display: none; }

.chapter-pattern4 .timeline-wrapper .main-wrapper aside h4 {
  color: #1D335E;
  font-weight: bold; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper {
  position: relative;
  height: 196px;
  opacity: 1;
  display: flex;
  justify-content: center;
  padding-left: 70px; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper::after {
  content: "";
  position: absolute;
  left: 125px;
  background: #5087c7;
  height: 0;
  transition: all 2s ease;
  width: 1px; }

.chapter-pattern4 .timeline-wrapper .block-title {
  position: absolute;
  left: -70px;
  top: 25px;
  color: #5087c7;
  width: 150px;
  word-wrap: break-word;
  font-size: 15px;
  font-weight: bold;
  margin: 55px auto 30px; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper .chart-blocks:not(:last-child) {
  margin-right: 20px; }

.chapter-pattern4 .timeline-wrapper .row-5.chart-blocks-wrapper .chart-blocks:not(:last-child) {
  margin-right: 60px; }

.chapter-pattern4 .timeline-wrapper .row-2.chart-blocks-wrapper .chart-blocks:not(:last-child) {
  margin-right: 60px; }

.chapter-pattern4 .timeline-wrapper .row-3.chart-blocks-wrapper .chart-blocks:not(:last-child) {
  margin-right: 60px; }

.chapter-pattern4 .timeline-wrapper .chart-blocks.is-popup-active {
  z-index: 9; }

.chapter-pattern4 .timeline-wrapper .chart-blocks {
  position: relative; }

.chapter-pattern4 .timeline-wrapper .block {
  /* width: 200px;
     height: 150px;
    */
  /*background: #e5e6e7;
    */
  /*border: 1px solid #5087c7;
    */
  outline: 1px solid #5087c7;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  outline: none !important; }

.chapter-pattern4 .timeline-wrapper .block,
.chapter-pattern4 .timeline-wrapper .front,
.chapter-pattern4 .timeline-wrapper .back {
  width: 220px; }

.chapter-pattern4 .timeline-wrapper .row-2 .block,
.chapter-pattern4 .timeline-wrapper .row-2 .front,
.chapter-pattern4 .timeline-wrapper .row-2 .back {
  width: 260px; }

.chapter-pattern4 .timeline-wrapper .front,
.chapter-pattern4 .timeline-wrapper .back {
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.chapter-pattern4 .timeline-wrapper .back {
  background-color: #fff;
  color: #5087c7; }

.chapter-pattern4 .timeline-wrapper .front span,
.chapter-pattern4 .timeline-wrapper .back span {
  display: block;
  word-break: break-word; }

.chapter-pattern4 .timeline-wrapper .front .read-more:hover {
  color: #000; }

.chapter-pattern4 .timeline-wrapper .title-desc {
  text-transform: uppercase;
  color: #dbdbdb;
  font-size: 11px;
  line-height: 15px; }

.chapter-pattern4 .timeline-wrapper .sub-title {
  font-style: normal; }

/***********************************************/
.chapter-pattern4 .timeline-wrapper .row-2 .block {
  outline: 1px solid #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-2 .back {
  color: #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-3 .block {
  outline: 1px solid #d46d68; }

.chapter-pattern4 .timeline-wrapper .row-3 .front {
  background: #d46d68; }

.chapter-pattern4 .timeline-wrapper .row-3 .back {
  color: #d46d68; }

.chapter-pattern4 .timeline-wrapper .row-4 .block {
  outline: 1px solid #7ac143; }

.chapter-pattern4 .timeline-wrapper .row-4 .front {
  background: #7ac143; }

.chapter-pattern4 .timeline-wrapper .row-4 .back {
  color: #7ac143; }

.chapter-pattern4 .timeline-wrapper .row-5 .block {
  outline: 1px solid #775592; }

.chapter-pattern4 .timeline-wrapper .row-5 .front {
  background: #775592; }

.chapter-pattern4 .timeline-wrapper .row-5 .back {
  color: #775592; }

/***********************************************/
.chapter-pattern4 .timeline-wrapper .row-1 .chart-blocks {
  margin-top: 20px; }

.chapter-pattern4 .timeline-wrapper .direction-wrap {
  width: calc(100% - 64px);
  left: 50%;
  float: left;
  position: relative;
  pointer-events: none;
  top: 0; }

.chapter-pattern4 .timeline-wrapper .row-1 .direction-wrap {
  top: 18px; }

.chapter-pattern4 .timeline-wrapper .direction-top {
  position: absolute;
  top: 174px;
  width: 100%;
  height: 2px;
  transition: ease .5s;
  background: #000;
  /*opacity: 0;
    */ }

.chapter-pattern4 .timeline-wrapper .dir-top-right {
  left: 0px; }

.chapter-pattern4 .timeline-wrapper .dir-top-left {
  right: calc(100% - 1px); }

.chapter-pattern4 .timeline-wrapper .direction-bottom {
  padding-top: 20px;
  height: 100%; }

.chapter-pattern4 .timeline-wrapper .hor-line {
  position: absolute;
  left: 0px;
  height: 20px;
  width: 2px;
  top: 0;
  background: red;
  z-index: 9;
  transition: ease .5s; }

.chapter-pattern4 .timeline-wrapper .ver-line {
  transition: ease .5s;
  position: absolute;
  height: 2px;
  width: 20px;
  background: blue;
  bottom: 0;
  left: calc(100% + 20px); }

.chapter-pattern4 .timeline-wrapper .single-line {
  position: absolute;
  width: 40px;
  height: 2px;
  background: red;
  left: 100%;
  transition: .5s ease;
  top: 0; }

.chapter-pattern4 .timeline-wrapper .sm-ver-line {
  position: absolute;
  right: 0;
  height: 20px;
  width: 2px;
  background: blue;
  transition: .5s ease; }

.chapter-pattern4 .timeline-wrapper .sm-ver-line-left {
  position: absolute;
  left: 0;
  height: 20px;
  width: 2px;
  background: blue;
  transition: .5s ease; }

.chapter-pattern4 .timeline-wrapper .dir-mid-sec {
  top: -50%;
  width: 100%;
  left: auto;
  right: 0;
  height: 165px;
  margin-top: 20px; }

.chapter-pattern4 .timeline-wrapper .dir-mid-sec .direction-top {
  width: 20px;
  left: 100%;
  top: 0; }

.chapter-pattern4 .timeline-wrapper .dir-mid-sec .hor-line {
  left: auto;
  right: 0;
  left: auto;
  right: -20px;
  height: 100%; }

.chapter-pattern4 .timeline-wrapper .dir-mid-sec-left .direction-top {
  left: auto;
  right: 100%; }

.chapter-pattern4 .timeline-wrapper .dir-mid-sec-left .hor-line {
  right: auto;
  left: -20px; }

.chapter-pattern4 .timeline-wrapper .dir-mid-sec-left .ver-line {
  left: -20px;
  width: 50%; }

.chapter-pattern4 .timeline-wrapper .ver-line.left {
  width: 50%;
  left: auto;
  right: -20px; }

.chapter-pattern4 .timeline-wrapper .read-more {
  font-size: 12px;
  /*text-transform: uppercase;
    */
  text-decoration: none !important;
  cursor: pointer;
  padding-top: 5px;
  padding-left: 2px; }

.chapter-pattern4 .timeline-wrapper .popup-wrapper {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  z-index: 99;
  display: none; }

.chapter-pattern4 .timeline-wrapper .content-popup {
  width: 400px;
  padding: 25px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: scale 1s ease;
  transform: translate(-50%, -50%) scale(0); }

.chapter-pattern4 .timeline-wrapper .cls-btn {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: url(../img/close.png) no-repeat center center;
  background-size: 18px; }

/*****************Animation*********************************/
.chapter-pattern4 .timeline-wrapper .visible .chart-blocks-wrapper::after {
  height: 100%; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-1::after {
  transition-delay: 0s;
  transition-duration: 1.5s; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-2::after {
  transition-delay: 1.5s;
  transition-duration: 1.5s;
  background: #00a7b7; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-3::after {
  transition-delay: 3s;
  transition-duration: 1.5s;
  background: #d46d68; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-4::after {
  transition-delay: 4.5s;
  transition-duration: 1.5s;
  background: #7ac143; }

.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-5::after {
  transition-delay: 6s;
  transition-duration: 1.5s;
  background: #775592; }

.chapter-pattern4 .timeline-wrapper .row-2 .block-title {
  color: #7ac143; }

.row-1 .second .under-line:after {
  border: 0 !important; }

.row-1 .third .under-line:after {
  border: 0 !important; }

.chapter-pattern4 .timeline-wrapper .row-1 .indicator-popup {
  background-color: #edf3f9; }

.chapter-pattern4 .close-popup {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  right: 5px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url(../scss-js/pages/detail/interactive-graph/img/measurement/closepopcore.png) no-repeat right transparent; }

.chapter-pattern4 .timeline-wrapper .row-2 .indicator-popup {
  background-color: #eaf1e3; }

.chapter-pattern4 .timeline-wrapper .row-3 .indicator-popup {
  background-color: #faedec; }

.chapter-pattern4 .timeline-wrapper .row-4 .indicator-popup {
  background-color: #e5f6f8; }

.chapter-pattern4 .timeline-wrapper .row-5 .indicator-popup {
  background-color: #f1eef4; }

.chapter-pattern4 .timeline-wrapper .row-3 .block-title {
  color: #d46d68;
  top: 15px; }

.chapter-pattern4 .timeline-wrapper .row-4 .block-title {
  color: #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-5 .block-title {
  color: #775592;
  top: 110px; }

.chapter-pattern4 .timeline-wrapper .row-1 .direction-top {
  background: #5087c7;
  transition-delay: .5s;
  opacity: 1;
  width: 100%; }

.chapter-pattern4 .timeline-wrapper .row-1 .sm-ver-line {
  transition-delay: 1s;
  background: #5087c7;
  height: 20px;
  top: 175px;
  left: 132px;
  opacity: 1; }

.chapter-pattern4 .timeline-wrapper .row-1 .sm-ver-line::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 8px;
  background: url(../scss-js/pages/detail/interactive-graph/img/measurement/d_arrow_1.png) no-repeat center right;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  transition-delay: 1s; }

.sub-chapter-description ul {
  color: #414042;
  font-size: 16px;
  line-height: 22px; }

.chapter-pattern4 .timeline-wrapper .row-2 .sm-ver-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(../scss-js/pages/detail/interactive-graph/img/measurement/Arrow.png) no-repeat center right;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0; }

.chapter-pattern4 .timeline-wrapper .row-1 .hor-line {
  height: 20px;
  transition-delay: 0s;
  background: #5087c7;
  left: 0;
  top: 154px; }

/* .chapter-pattern4 .timeline-wrapper .visible .row-1 .hor-line {
       height: 20px;
  }*/
/**/
.chapter-pattern4 .timeline-wrapper .row-2 .dir-mid-sec .direction-top {
  background: #6aa93a;
  width: 20px; }

.chapter-pattern4 .timeline-wrapper .row-2 .dir-mid-sec .hor-line {
  background: #6aa93a;
  height: 100%; }

.chapter-pattern4 .timeline-wrapper .row-2 .ver-line {
  background: #6aa93a;
  width: 20px; }

.chapter-pattern4 .timeline-wrapper .row-2 .ver-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 11px;
  background: url("../scss-js/pages/detail/interactive-graph/img/measurement/r_arrow.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0; }

.chapter-pattern4 .timeline-wrapper .visible .row-2 .ver-line::after {
  opacity: 1;
  transition-delay: 2.5s; }

/**/
.chapter-pattern4 .timeline-wrapper .row-3 .dir-mid-sec .direction-top {
  background: #d46d68;
  width: 20px; }

.chapter-pattern4 .timeline-wrapper .row-3 .single-line {
  background: #cd4842;
  width: 40px; }

.chapter-pattern4 .timeline-wrapper .row-3 .single-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 11px;
  background: url("../scss-js/pages/detail/interactive-graph/img/measurement/r_arrow_red.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 1; }

.chapter-pattern4 .timeline-wrapper .row-3 .dir-mid-sec .hor-line {
  background: #cd4842;
  height: 100%; }

.chapter-pattern4 .timeline-wrapper .row-3 .ver-line {
  background: #d46d68;
  width: 50%;
  transition-delay: 4s; }

.chapter-pattern4 .timeline-wrapper .row-3 .ver-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 11px;
  background: url("../scss-js/pages/detail/interactive-graph/img/measurement/r_arrow_red.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 1; }

.chapter-pattern4 .row-5 .no-circle-section.chart-blocks:after {
  display: none; }

.chapter-pattern4 .timeline-wrapper .row-5 .single-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 11px;
  background: url("../scss-js/pages/detail/interactive-graph/img/measurement/r_arrow_violet.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0; }

.chapter-pattern4 .timeline-wrapper .row-3 .ver-line.left::after {
  right: auto;
  left: 0;
  transform: translateY(-50%) rotate(180deg); }

/**/
.chapter-pattern4 .timeline-wrapper .row-4 .hor-line {
  height: 20px;
  background: #00a7b7; }

.chapter-pattern4 .timeline-wrapper .row-4 .direction-top {
  width: 100%;
  background: #00a7b7;
  top: 20px; }

.chapter-pattern4 .timeline-wrapper .row-4 .sm-ver-line,
.chapter-pattern4 .timeline-wrapper .row-4 .sm-ver-line-left {
  height: 20px;
  background: #00a7b7; }

/* .chapter-pattern4 .timeline-wrapper .visible .row-4 .sm-ver-line, .chapter-pattern4 .timeline-wrapper .visible .row-4 .sm-ver-line-left {
       height: 20px;
       transition-delay: 5.5s;
  }*/
.chapter-pattern4 .timeline-wrapper .row-4 .sm-ver-line::after,
.chapter-pattern4 .timeline-wrapper .row-4 .sm-ver-line-left::after {
  content: "";
  background: url("../scss-js/pages/detail/interactive-graph/img/measurement/d_arrow_green_blue.png") no-repeat center right;
  position: absolute;
  width: 11px;
  height: 8px;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0; }

.chapter-pattern4 .timeline-wrapper .visible .row-4 .sm-ver-line::after,
.chapter-pattern4 .timeline-wrapper .visible .row-4 .sm-ver-line-left::after {
  opacity: 1;
  transition-delay: 5.5s; }

/**/
.chapter-pattern4 .timeline-wrapper .row-5 .single-line {
  background: #775592;
  width: 40px; }

.chapter-pattern4 .timeline-wrapper .row-4 .single-line:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../scss-js/pages/detail/interactive-graph/img/measurement/d_arrow_green_blue.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0; }

.chapter-pattern4 .timeline-wrapper .visible .row-5 .single-line:after {
  opacity: 1;
  transition-delay: 6s; }

/*********************Flip animation********************************************/
.chapter-pattern4 .timeline-wrapper .block {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000; }

.chapter-pattern4 .timeline-wrapper .block:hover .flipper {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.chapter-pattern4 .timeline-wrapper .block.no-flip:hover .flipper {
  transform: none; }

.chapter-pattern4 .timeline-wrapper .flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.chapter-pattern4 .timeline-wrapper .front,
.chapter-pattern4 .timeline-wrapper .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.chapter-pattern4 .row-3 .direction-wrap.dir-mid-sec {
  top: 50%;
  height: 340px; }

.chapter-pattern4 .timeline-wrapper .front {
  z-index: 2;
  text-align: left; }

.chapter-pattern4 .timeline-wrapper .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.chapter-pattern4 .chart-blocks-wrapper.row-3 {
  margin-top: 45px; }

.chapter-pattern4 .row-3 .under-line {
  margin-bottom: 15px; }

.chapter-pattern4 .under-line.infor {
  margin-bottom: 0 !important; }

.chapter-pattern4.chart-blocks .sub-title > .under-line {
  cursor: pointer; }

/*core-new*/
.node-type-microsite-main .top-news-sectiion {
  display: none; }

.node-type-country .top-news-sectiion {
  display: none; }

.node-type-microsite-main .top-news-sectiion.fields-add-tag {
  display: block; }

/***collection***/
/***CSS for FIGURE-9***/
.chapter-pattern4 .figure-9 {
  margin-top: 20px; }

.chapter-pattern4 .figure-9 .fig-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 3px solid #fff;
  flex: 1 1 1px; }

.chapter-pattern4 .figure-9 .fig-month {
  display: inline-block;
  width: 75px;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 100%; }

.chapter-pattern4 .figure-9 .fig-content-title {
  font-size: 17px;
  line-height: 19px;
  text-transform: uppercase;
  font-weight: bold; }

.chapter-pattern4 .figure-9 .fig-month > div {
  display: table;
  width: 100%;
  vertical-align: middle; }

.chapter-pattern4 .figure-9 .fig-month > div > div {
  display: table-cell;
  vertical-align: middle;
  padding-top: 3px; }

.chapter-pattern4 .figure-9 .fig-content {
  display: inline-block;
  width: calc(100% - 75px);
  padding: 15px; }

.chapter-pattern4 .figure-9 .fig-content p {
  margin: 0px 0;
  font-size: 16px;
  line-height: 18px;
  color: #414042;
  padding: 9px 0; }

p.figure-title {
  font-size: 18px;
  font-weight: 700;
  color: #19398a; }

.chapter-pattern4 .figure-9 .section-red .fig-content-title {
  color: #cd4842; }

.chapter-pattern4 .figure-9 .section-blue .fig-content-title {
  color: #5087c7; }

.chapter-pattern4 .figure-9 .section-cyan .fig-content-title {
  color: #00a7b7; }

.chapter-pattern4 .figure-9 .section-green .fig-content-title {
  color: #6aa93a; }

.chapter-pattern4 .figure-9 .section-red .fig-month {
  background: url(../scss-js/pages/detail/interactive-graph/img/strip_1.jpg) repeat-y right 0;
  color: #cd4842; }

.chapter-pattern4 .figure-9 .section-blue .fig-month {
  background: url(../scss-js/pages/detail/interactive-graph/img/strip_2.jpg) repeat-y right 0;
  color: #5087c7; }

.chapter-pattern4 .figure-9 .section-cyan .fig-month {
  background: url(../scss-js/pages/detail/interactive-graph/img/strip_3.jpg) repeat-y right 0;
  color: #00a7b7; }

.chapter-pattern4 .figure-9 .section-green .fig-month {
  background: url(../scss-js/pages/detail/interactive-graph/img/strip_4.jpg) no-repeat right 0;
  color: #6aa93a;
  background-size: 31px 100%; }

.chapter-pattern4 .figure-9 .section-red .fig-content {
  background-color: #faedec; }

.chapter-pattern4 .figure-9 .section-blue .fig-content {
  background-color: #edf3f9; }

.chapter-pattern4 .figure-9 .section-cyan .fig-content {
  background-color: #e5f6f8; }

.chapter-pattern4 .figure-9 .section-green .fig-content {
  background-color: #eaf1e3; }

.chapter-pattern4 .figure-9 .month-red {
  height: 25%;
  background: url(../scss-js/pages/detail/interactive-graph/img/circle_1.png) no-repeat right 8px center; }

.chapter-pattern4 .figure-9 .month-blue {
  height: 33.33%;
  background: url(../scss-js/pages/detail/interactive-graph/img/circle_2.png) no-repeat right 8px center; }

.chapter-pattern4 .figure-9 .month-cyan {
  height: 33.33%;
  background: url(../scss-js/pages/detail/interactive-graph/img/circle_3.png) no-repeat right 8px center; }

.chapter-pattern4 .figure-9 .month-green {
  height: 33.33%;
  background: url(../scss-js/pages/detail/interactive-graph/img/circle_4.png) no-repeat right 8px center; }

/***collection***/
/***************************End temp boxes***********************************/
@media only screen and (min-width: 768px) {
  .node-type-microsite-main .common-slider-wrp .cycle-pager {
    display: none; } }
@media only screen and (min-width: 991px) {
  .block-quote-wrp {
    padding: 0 30px; } }
@media only screen and (min-width: 1200px) {
  .node-type-microsite-main .image-title-wrapper {
    width: 50%;
    line-height: 40px; }

  .node-type-microsite-main .image-title-wrapper a {
    font-size: 34px; }

  .node-type-microsite-main .image-title-wrapper .commitment-text {
    margin-top: 10px;
    font-size: 24px;
    line-height: 30px; }

  .block-quote-wrp {
    padding: 0 100px; }

  .node-type-microsite-main .resources-news-common-wrapper.core-partners-wrapper a {
    padding-right: 40px; } }
@media (min-width: 991px) and (max-width: 1200px) {
  .chapter-pattern4 .timeline-wrapper .main-wrapper {
    overflow: auto; }

  .view-microsite-detail-views .accordian-title {
    font-size: 19px; }

  .core-ind-wrapper div.col-md-4 {
    width: 50%; }

  .core-ind-wrapper .visible-md-block {
    display: none !important; }

  .ppfp-resources-wrapper-table li {
    width: 50%; } }
@media only screen and (max-width: 767px) {
  .view-microsite-detail-views .accordion-cores .count {
    padding-right: 5px;
    padding-left: 5px; }

  .accordion-start .accorian-inner-content {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 0;
    padding-right: 10px; }

  .view-microsite-detail-views .accordian-title {
    font-size: 14px;
    padding-left: 9px;
    padding-right: 37px; } }
@media only screen and (max-width: 767px) {
  .details-body .field-content > p:first-child b {
    /* Subhead 1 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height, or 144% */
    font-feature-settings: "pnum" on, "lnum" on;
    margin-bottom: 0; }
  .details-body ul li p,
  .details-body ol li p {
    margin-bottom: 6px; }
  .details-body blockquote {
    padding-left: 31px;
    background-size: 19px 14px;
    margin: 0 0 10px; }
  .details-body blockquote,
  .details-body blockquote p {
    /* Pull-Quote (MOBILE) */
    font-size: 18px;
    line-height: 26px; }

  /* Pager Navigation */
  .pager-nav h3 {
    /* Subhead 1 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height, or 144% */
    font-feature-settings: "pnum" on, "lnum" on; }
  .pager-nav .page-link.large-screen {
    display: none; }
  .pager-nav .page-link.in-mobile {
    display: inline; }
  .pager-nav .page-arrow {
    top: 0px;
    width: 77px;
    height: 57px;
    background-size: 100% !important; }
  .pager-nav.prev {
    padding-left: 24px;
    width: 100%;
    display: none; }
    .pager-nav.prev .page-arrow {
      left: 24px; }
  .pager-nav.next {
    padding-right: 72px;
    width: 100%; }
    .pager-nav.next a {
      max-width: 200px;
      display: inline-block; }
    .pager-nav.next .page-arrow {
      right: 0px; }

  /* End of Pager Navigation */ }
/***************** 
 * page-template-a
 * key issues  
 *****************/
/* Explore Section */
.explore-section .explore-wrap {
  border-top: 6px solid #242071;
  padding: 25px 0 0;
  margin: 119px 0 0; }
  .explore-section .explore-wrap.get-data {
    opacity: 0;
    margin: 0;
    padding: 0;
    max-height: 40px; }
.explore-section .view-header {
  margin-bottom: 60px; }
.explore-section .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px; }
.explore-section .views-row {
  display: flex;
  padding: 0 15px;
  margin: 0 0 40px;
  /*    width: 50%;
  max-width: 488px; */ }
.explore-section h2,
.explore-section h4 {
  color: #242071; }

/* End of Explore Section */
/* Further Resource Section */
.further-box {
  background: #f2f0ff;
  padding: 40px;
  margin: 70px 0; }
  .further-box .further-title {
    padding-right: 30px;
    display: inline-block;
    width: 100%; }
    .further-box .further-title:hover .main-title,
    .further-box .further-title:hover .sub-title {
      color: #2e4ab5; }
  .further-box h4 {
    color: #242071; }
  .further-box .desc {
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
  .further-box .further-item {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #2e4ab5; }
  .further-box .sh-1 {
    color: #000;
    transition: all 0.3s ease; }
    .further-box .sh-1:hover {
      opacity: 0.8; }
  .further-box .sh-2 {
    color: #000; }
  .further-box .arrow-double {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 11px;
    height: 16px;
    font-size: 0;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease; }
    .further-box .arrow-double:hover {
      opacity: 0.8; }

/* End of Further Resource Section*/
/* Foot Note */
.foot-note {
  margin-bottom: 60px; }
  .foot-note div.footnote-label {
    /* Subhead 2 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    /* line-height: 20px; */
    line-height: 22px;
    /* identical to box height, or 143% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on;
    margin-bottom: 20px; }

/* End of Foot Note */
/************************ 
 * End of page-template-a 
 ************************/
/********************** 
 * page-template-c 
 * Key issues Resources
 * Country page
 *********************/
.featured-resources-block h2 {
  margin: 100px 0 50px; }

.featured-resources .view-content {
  position: relative; }
  .featured-resources .view-content .edit-node {
    position: absolute;
    top: -30px;
    right: 15px; }

.bottom-featured-section {
  position: relative;
  margin: 45px auto 85px; }
  .bottom-featured-section .view-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
  .bottom-featured-section .each-card {
    display: flex;
    width: 50%;
    padding: 0 15px;
    margin-bottom: 40px; }
  .bottom-featured-section .each-card.view-more {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 140px; }
  .bottom-featured-section .view-more-link a {
    /* Paragraph 1 (intro) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071;
    background: url(../scss-js/pages/img/resource/icons/card-style3/view-more.svg) center right no-repeat;
    padding-right: 30px;
    max-width: 330px;
    width: auto; }
    .bottom-featured-section .view-more-link a:hover {
      opacity: 0.8; }

/* Featured Partners Resoures */
.partners-resources-block {
  margin: 60px 0 110px; }
  .partners-resources-block h2 {
    margin-bottom: 64px; }

.featured-partner-resource {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 108px; }
  .featured-partner-resource .left-section {
    max-width: 382px;
    margin-right: 30px; }
  .featured-partner-resource .right-section {
    width: calc(100% - 412px); }
    .featured-partner-resource .right-section h3,
    .featured-partner-resource .right-section .sh-2 {
      color: #2e4ab5; }
    .featured-partner-resource .right-section h3 {
      margin: 7px 0 20px; }
    .featured-partner-resource .right-section .desc,
    .featured-partner-resource .right-section .desc p {
      /* Paragraph 2 (primary) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071; }
    .featured-partner-resource .right-section .view-more a {
      display: inline-block;
      border: 1px solid #242071;
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 20px;
      color: #242071;
      margin-top: 23px;
      padding: 20px 30px;
      transition: all 0.3s ease; }
    .featured-partner-resource .right-section .view-more:hover a {
      background: #242071;
      color: #fff; }

.para-accordions .views-row:first-child h4 {
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 30px; }
.para-accordions .accordions-panel p {
  /* Paragraph 2 (primary) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */
  font-feature-settings: "pnum" on, "lnum" on;
  color: #000; }
.para-accordions .read-more {
  margin-top: 5px; }
  .para-accordions .read-more a {
    display: inline-block;
    /* Link 1 */
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    letter-spacing: -0.01em;
    color: #2e4ab5;
    padding-right: 20px;
    background: url(../scss-js/components/img/icons/primary-double-arrow.svg) center right no-repeat; }
    .para-accordions .read-more a:hover {
      color: #1bce9b;
      background: url(../scss-js/components/img/icons/prominant-double-arrow.svg) center right no-repeat; }
.para-accordions .view-content {
  display: inline-block;
  margin: 0 -15px; }
  .para-accordions .view-content .views-row {
    width: 50%;
    float: left;
    padding: 0 15px 45px; }

/* End of Featured Partners Resoures */
/************************ 
 * End of page-template-c 
 ************************/
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
 /***************** 
* page-template-a
* key issues  
*****************/
  /* Explore Section */
  .explore-section .views-row {
    display: flex;
    padding: 0 15px;
    margin: 0 0 40px;
    width: 50%;
    max-width: 488px; }

 /************************ 
* End of page-template-a 
************************/ }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Page template C */
  .featured-resources-block .view-content {
    padding: 0; }

  .featured-partner-resource .left-section {
    max-width: 265px;
    margin-right: 30px; }
  .featured-partner-resource .right-section {
    width: calc(100% - 295px); }

  /* End of Page template C */ }
@media only screen and (max-width: 767px) {
 /***************** 
* page-template-a
* key issues  
*****************/
  .explore-section .view-header {
    margin-bottom: 40px; }
  .explore-section h2 {
    margin: 15px 0; }
  .explore-section .views-row {
    margin: 0 0 25px; }
  .explore-section .explore-wrap {
    margin: 50px 0 0;
    padding: 12px 0 0; }
    .explore-section .explore-wrap.get-data {
      max-height: 0; }

  .further-box {
    padding: 27px 24px 35px;
    margin: 20px -24px 47px; }
    .further-box .further-item:last-child {
      border-bottom: 0; }

 /************************ 
* End of page-template-a 
************************/
 /********************** 
* page-template-c 
* Key issues Resources
* Country page
*********************/
  .featured-resources-block h2 {
    margin: 35px 0 20px; }

  .featured-resources {
    margin-bottom: 0; }

  .bottom-featured-section {
    margin: 15px auto 30px; }
    .bottom-featured-section .view-content {
      margin: 0 auto; }
    .bottom-featured-section .each-card {
      width: 100%;
      padding: 0 24px;
      margin-bottom: 15px; }
      .bottom-featured-section .each-card.view-more {
        height: auto;
        margin-top: 15px; }
        .bottom-featured-section .each-card.view-more a {
          /* Subhead 1 */
          font-family: Raleway;
          font-style: normal;
          font-weight: 800;
          font-size: 18px;
          line-height: 26px;
          /* identical to box height, or 144% */
          font-feature-settings: "pnum" on, "lnum" on; }
    .bottom-featured-section .view-more-link a {
      background-size: 10px 16px; }

  .partners-resources-block {
    margin: 0 0 110px; }
    .partners-resources-block h2 {
      margin-bottom: 30px; }

  .featured-partner-resource {
    padding: 29px 26px;
    margin-bottom: 45px;
    background: #242071; }
    .featured-partner-resource .left-section {
      margin: 0 0 20px; }
      .featured-partner-resource .left-section img {
        height: 220px;
        object-fit: cover; }
    .featured-partner-resource .right-section {
      width: 100%; }
      .featured-partner-resource .right-section h3,
      .featured-partner-resource .right-section .sh-2,
      .featured-partner-resource .right-section .desc,
      .featured-partner-resource .right-section .desc p {
        color: #fff; }
      .featured-partner-resource .right-section h3 {
        /* Subhead 1 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 800;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height, or 144% */
        font-feature-settings: "pnum" on, "lnum" on;
        margin: 2px 0 10px; }
      .featured-partner-resource .right-section .view-more a {
        color: #fff;
        border-color: #fff;
        padding: 18.5px 25.5px;
        margin-top: 15px; }

  .para-accordions .view-content {
    margin: 0 auto 30px; }
    .para-accordions .view-content .views-row {
      width: 100%;
      padding: 0 24px 0; }
      .para-accordions .view-content .views-row h4 {
        margin: 0; }
      .para-accordions .view-content .views-row:first-child h4 {
        /* Heading 4 (MOBILE) */
        font-family: Raleway;
        font-size: 18px;
        font-style: normal;
        font-weight: 900;
        line-height: 24px;
        letter-spacing: 0.06em; }
  .para-accordions .read-more {
    margin-bottom: 30px; }
  .para-accordions .accordions-wrap .accordions-item {
    padding: 0; }
  .para-accordions .accordions-wrap .accordions-title {
    padding: 15px 30px 38px 0; }
    .para-accordions .accordions-wrap .accordions-title .main-title {
      position: relative; }
      .para-accordions .accordions-wrap .accordions-title .main-title::after {
        content: "";
        width: 12px;
        height: 8px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -20px;
        background: url(../scss-js/layouts/img/header/responsive/down-arrow.svg) center no-repeat;
        transition: transform 0.5s ease; }
  .para-accordions .accordions-wrap .accordions-panel {
    display: none;
    margin-bottom: 15px; }
  .para-accordions .sub-active .accordions-title .main-title::after {
    transform: rotate(-180deg); }

 /************************ 
* End of page-template-c 
************************/ }
/***************** 
 * page-template-d
 * Country Data  
 *****************/
.country-data-section {
  margin: 131px auto 60px; }

/* Search Section */
/* intro section */
.country-data-intro .title {
  /* Paragraph 1 (intro) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 150%;
  /* identical to box height, or 36px */
  font-feature-settings: "pnum" on, "lnum" on;
  margin-bottom: 15px; }
.country-data-intro .title {
  color: #242071; }

/* Country Search Result Section */
.country-search-result {
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .country-search-result > div {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .country-search-result .view-empty {
    position: absolute;
    bottom: 0;
    justify-content: center;
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071; }
  .country-search-result .view-header {
    order: 1; }
    .country-search-result .view-header .title {
      /* Paragraph 2 (primary) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      /* identical to box height, or 162% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071; }
  .country-search-result .view-filters {
    order: 2; }
  .country-search-result .view-content {
    order: 4; }
  .country-search-result .view-footer {
    order: 3; }
  .country-search-result .search-form {
    width: 100%; }

/* End of Search Form */
.country-data-search {
  margin: 31px 0 76px;
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  /* Internet Explorer 10-11 */
  /* Microsoft Edge */ }
  .country-data-search .views-exposed-form > .views-exposed-widgets {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0; }
    .country-data-search .views-exposed-form > .views-exposed-widgets::before, .country-data-search .views-exposed-form > .views-exposed-widgets::after {
      display: none; }
    .country-data-search .views-exposed-form > .views-exposed-widgets > .views-widget-filter-combine {
      width: calc(100% - 130px);
      margin-right: 18px;
      padding: 0; }
    .country-data-search .views-exposed-form > .views-exposed-widgets > .views-submit-button {
      padding: 0;
      margin: 0; }
      .country-data-search .views-exposed-form > .views-exposed-widgets > .views-submit-button button {
        margin: 0; }
  .country-data-search input {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0;
    background: #f2f0ff;
    padding: 18px 22px;
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071;
    height: auto; }
  .country-data-search input:placeholder {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071; }
  .country-data-search input::placeholder {
    color: #242071;
    opacity: 1;
    /* Firefox */ }
  .country-data-search input:-ms-input-placeholder {
    color: #242071; }
  .country-data-search input::-ms-input-placeholder {
    color: #242071; }
  .country-data-search .form-submit {
    position: relative;
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #242071;
    width: 100%;
    height: 100%;
    min-width: 102px;
    min-height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #242071 !important;
    transition: all 0.3s ease;
    background-color: unset;
    border-radius: 0; }
    .country-data-search .form-submit .ajax-progress {
      position: absolute;
      right: -25px; }
    .country-data-search .form-submit:hover {
      background: #242071;
      color: #fff; }

/* End of Search Form */
/* End of Country Search Result Section */
/* Region listing */
.regions-link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

a.region-link {
  display: inline-block;
  color: #242071;
  min-height: 26px;
  padding-bottom: 3px;
  margin: 0 25px 20px;
  border-bottom: 1px solid #242071; }
  a.region-link:hover {
    opacity: 1;
    border-bottom: 3px solid #1bce9b; }

/* End of Region listing */
/* End of search section */
/* Result Section */
.regions-section {
  margin: 131px 0 122px;
  /* Regions section */
  /* End of Regions section */
  /* Country Section*/
  /*   .each-country-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    width: 100%;
    max-width: 825px;
    margin: 0 -15px;
  } */ }
  .regions-section .view-grouping {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .regions-section .view-grouping:not(:last-child) {
      margin: 0 0 150px; }
  .regions-section .view-grouping-header {
    width: 100%;
    max-width: 250px;
    margin-right: 80px; }
    .regions-section .view-grouping-header h2 {
      margin: -9px 0 25px; }
    .regions-section .view-grouping-header h2,
    .regions-section .view-grouping-header a {
      /* Heading 3 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      /* identical to box height, or 125% */
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071;
      pointer-events: none; }
  .regions-section .field-name-field-region-flag .field-label,
  .regions-section .field-name-field-sorting {
    display: none; }
  .regions-section .view-grouping-content {
    /*     display: flex;
    flex-wrap: wrap;
    align-content: flex-start; */
    position: relative;
    column-gap: 0;
    column-count: 2;
    width: calc(100% - 360px);
    margin: 0 -15px; }
    .regions-section .view-grouping-content::before, .regions-section .view-grouping-content::after {
      position: absolute;
      top: 0;
      content: "";
      background: #242071;
      height: 1px;
      width: calc(50% - 30px);
      margin: 0 auto; }
    .regions-section .view-grouping-content.single-content::after {
      background: transparent; }
    .regions-section .view-grouping-content::before {
      left: 15px; }
    .regions-section .view-grouping-content::after {
      right: 15px; }
  .regions-section .each-item {
    width: 100%;
    padding: 0 15px;
    /* &:first-child,
&:nth-child(2) {
  .each-country {
    border-top: 1px solid $primary-color;
  }
}
 */ }
    .regions-section .each-item .each-country a {
      /* Paragraph 3 (bold) */
      font-family: Raleway;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
      font-feature-settings: "pnum" on, "lnum" on;
      display: inline-block;
      width: 100%;
      color: #242071;
      border-bottom: 1px solid #242071;
      padding: 10px 50px 8px 0;
      background: url(../scss-js/pages/detail/img/country-data/primary-double-arrow.svg) center right 25px no-repeat; }
    .regions-section .each-item .each-country:hover a {
      color: #1bce9b;
      background: url(../scss-js/pages/detail/img/country-data/prominant-double-arrow.svg) center right 25px no-repeat; }

.pager-block {
  margin: 135px auto 155px; }

/* End of Result Section */
.commitment-more-link {
  width: 100%;
  text-align: right;
  margin-top: 10px; }
  .commitment-more-link a {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #2E4AB5;
    background: url(../scss-js/pages/detail/img/country-data/arrow-down.png) center right 2px no-repeat;
    padding-right: 20px; }
    .commitment-more-link a:hover {
      color: #1bce9b; }

.fp-landing-page .regions-section .each-item .each-country a {
  border-color: #2E4AB5; }
.fp-landing-page .regions-section .view-grouping-content::before,
.fp-landing-page .regions-section .view-grouping-content:not(.single-content)::after {
  background: #2E4AB5; }
.fp-landing-page .pager-nav-box.progress-page {
  margin-bottom: 0; }
.fp-landing-page .regions-section {
  margin-bottom: 0; }
.fp-landing-page .pager-nav-block .regions-section {
  margin: 0; }
@media screen and (min-width: 991px) {
  .fp-landing-page .banner.banner-style3 .banner-content {
    max-width: calc(100% - 374px); } }
@media screen and (min-width: 767px) {
  .fp-landing-page .regions-section .view-grouping-content {
    flex: 1; } }
@media screen and (min-width: 767px) {
  .fp-landing-page .regions-section .view-grouping-header {
    max-width: 265px; } }
.fp-landing-page .pager-nav h3 {
  text-transform: unset; }
.fp-landing-page a.region-link {
  position: relative;
  border: none; }
  .fp-landing-page a.region-link::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #242071; }
  .fp-landing-page a.region-link:hover::after {
    height: 3px;
    background: #1bce9b; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .country-data-section {
    margin: 90px auto 50px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regions-section .view-grouping-header {
    margin-right: 25px; }
  .regions-section .view-grouping-content {
    width: calc(100% - 245px); } }
@media only screen and (max-width: 767px) {
  .country-data-section {
    margin: 30px auto 60px; }
    .country-data-section .views-exposed-form > .views-exposed-widgets > .views-widget-filter-combine {
      width: calc(100% - 118px);
      margin-right: 10px; }
    .country-data-section .country-data-search {
      margin: 15px 0 30px; }
      .country-data-section .country-data-search.changed input {
        font-size: 16px; }
      .country-data-section .country-data-search input {
        font-size: 0; }

  .regions-link-list {
    display: block;
    margin: 0 -25px; }
    .regions-link-list a {
      margin: 0 25px 16px; }

  .regions-section {
    margin: 50px 0; }
    .regions-section .each-item {
      padding: 0; }
    .regions-section .view-grouping:not(:last-child) {
      margin: 0 0 50px; }
    .regions-section .view-grouping-header {
      max-width: 100%;
      margin-right: 0; }
      .regions-section .view-grouping-header img {
        height: 115px;
        object-fit: contain;
        margin-bottom: 10px; }
      .regions-section .view-grouping-header .taxonomy-term {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .regions-section .view-grouping-header .taxonomy-term h2,
        .regions-section .view-grouping-header .taxonomy-term a {
          /* Heading 3 */
          font-family: Raleway;
          font-style: normal;
          font-weight: 800;
          font-size: 32px;
          line-height: 40px;
          /* identical to box height, or 125% */
          font-feature-settings: "pnum" on, "lnum" on; }
        .regions-section .view-grouping-header .taxonomy-term h2 {
          order: 2;
          width: 100%;
          max-width: 250px;
          text-align: center;
          margin-bottom: 15px; }
          .regions-section .view-grouping-header .taxonomy-term h2 a {
            display: inline-block; }
    .regions-section .view-grouping-content {
      width: 100%;
      margin: 0 auto;
      column-gap: unset;
      column-count: unset; }
      .regions-section .view-grouping-content::before {
        width: 100%;
        left: 0; }
      .regions-section .view-grouping-content::after {
        display: none; } }
.pressroom-template section.details-body {
  margin: 112px auto 100px; }
.pressroom-template .redirection-box {
  padding: 45px 0 50px; }
.pressroom-template .explore-pressroom {
  margin-top: 90px;
  margin-bottom: 60px; }
.pressroom-template .planning-news .title a {
  /* Heading 3 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */
  font-feature-settings: "pnum" on, "lnum" on; }

.redirection-box .view-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; }
.redirection-box .each-item {
  display: flex;
  width: 33.33%;
  padding: 0 15px; }
.redirection-box h2 {
  color: #242071;
  margin-bottom: 29px; }
.redirection-box .top-item {
  color: #242071;
  margin-bottom: 8px;
  /* Paragraph 2 (primary) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */
  font-feature-settings: "pnum" on, "lnum" on; }
.redirection-box .title a {
  /* Paragraph 1 (intro) */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 150%;
  /* identical to box height, or 36px */
  font-feature-settings: "pnum" on, "lnum" on;
  color: #242071; }
.redirection-box .view-footer,
.redirection-box .all-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%; }
.redirection-box .all-btn-wrap {
  margin-top: 35px; }

.redirection-item {
  padding-top: 26px;
  padding-bottom: 60px;
  border-top: 1px solid #2e4ab5;
  border-bottom: 1px solid #2e4ab5;
  position: relative;
  width: 100%; }
  .redirection-item .readmore-double {
    position: absolute;
    bottom: 28px; }

.pressroom-template .explore-section .key-subtitle {
  border-top: 6px solid;
  padding-top: 18px; }

@media only screen and (max-width: 767px) {
  .pressroom-template section.details-body {
    margin: 56px auto 50px; }
  .pressroom-template .redirection-box {
    padding: 22px 0 40px; }
  .pressroom-template .explore-pressroom {
    margin-top: 45px;
    margin-bottom: 30px; }

  .contact-card::before {
    left: -10px; }

  .redirection-box .each-item {
    width: 100%; } }
.statement-template .custom-inner-container {
  max-width: 686px; }
  .statement-template .custom-inner-container blockquote {
    margin: 40px 0;
    padding-right: 0;
    padding-left: 54px; }
.statement-template .top-sec-wrap {
  text-align: center; }
  .statement-template .top-sec-wrap .title {
    max-width: 500px;
    margin: 0 auto 25px; }
  .statement-template .top-sec-wrap .sub-title,
  .statement-template .top-sec-wrap .title,
  .statement-template .top-sec-wrap .summary {
    color: #242071; }
  .statement-template .top-sec-wrap .date {
    color: #2e4ab5;
    /* Link 2 */
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 143% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on; }
  .statement-template .top-sec-wrap .summary {
    margin-top: 60px;
    /* Paragraph 1 (intro) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    font-feature-settings: "pnum" on, "lnum" on;
    text-align: left; }
  .statement-template .top-sec-wrap .image-field-caption {
    display: none; }

.statement-detail {
  margin-top: 73px; }

.statistic-view {
  position: relative;
  min-height: 310px;
  margin: 50px 0 40px; }
  .statistic-view .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f2f0ff;
    min-height: 310px;
    width: 100%;
    height: 100%;
    min-width: 1131px;
    padding: 50px 90px; }
  .statistic-view .each-data {
    max-width: 265px;
    display: flex;
    height: 100%; }
    .statistic-view .each-data.child-1 .title {
      border-color: #ffb636; }
    .statistic-view .each-data.child-2 .title {
      border-color: #ff7140; }
    .statistic-view .each-data.child-3 .title {
      border-color: #21b1fe; }

.statistics-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: flex-start; }
  .statistics-wrapper .title,
  .statistics-wrapper .desc {
    color: #242071; }
  .statistics-wrapper .title {
    display: inline;
    font-family: Spectral;
    /* Heading 2 (MOBILE) */
    font-size: 36px;
    line-height: 40px;
    /* identical to box height, or 111% */
    letter-spacing: -0.03em;
    font-weight: 700;
    padding-bottom: 13px;
    margin-bottom: 14px;
    border-bottom: 6px solid; }
  .statistics-wrapper > * {
    text-align: center; }

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .statistic-view .view-content {
    min-width: 800px;
    padding: 25px 45px; }
  .statistic-view .each-data {
    max-width: 212px; } }
@media only screen and (max-width: 1024px) {
  .statistic-view .view-content {
    position: static;
    max-width: 100%;
    min-width: auto;
    transform: none;
    padding: 25px 45px;
    justify-content: space-around; }
  .statistic-view .each-data {
    max-width: 190px; } }
@media only screen and (max-width: 767px) {
  .statistic-view .view-content {
    padding: 40px 45px; }
  .statistic-view .each-data {
    max-width: 100%;
    margin-bottom: 20px; }

  .statistics-wrapper > * {
    text-align: left; }

  .pager-nav-block {
    margin: 15px auto 30px; } }
@media only screen and (min-width: 1500px) {
  .node-type-news .block.back-btn .back {
    position: absolute;
    left: -105px; } }
.result-detail-wrap h4 {
  font-size: 14px;
  line-height: 20px; }

.node-type-news .result-detail-wrap .base-color {
  color: #242071;
  margin-bottom: 5px; }

.block.back-btn {
  margin: 104px 112px 0; }

.back a {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #242071;
  padding-left: 15px;
  margin-right: 50px;
  display: inline-block;
  position: relative;
  text-transform: uppercase; }
  .back a::before {
    content: "";
    width: 7px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../scss-js/pages/img/result-page/prev.svg) center no-repeat; }

.detail-arrow {
  width: 45px;
  height: 45px;
  background-color: #f2f0ff;
  border-radius: 50%;
  display: none; }

.social-share .circle {
  fill: #242071; }

.result-detail-view {
  margin: 100px auto;
  min-height: 500px; }
  .result-detail-view.no-svg .left-wrap > .icon {
    display: none; }

.result-detail-wrap {
  display: flex;
  flex-wrap: wrap;
  /* Bugherd #63: Please add more space after "Meeting Documents" */ }
  .result-detail-wrap .dot-item > span:not(:last-child):after {
    margin-left: 8px; }
  @media only screen and (min-width: 768px) {
    .result-detail-wrap .detail-arrow {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      position: absolute;
      right: -150px; } }
  .result-detail-wrap.overlap-arrow {
    position: relative;
    /* Bugherd #91: We can do that but the problem is that for wider screens the arrow will be 
    detached from the left panel section. 
    Is that okey, ans from client: okey?*/ }
    @media only screen and (min-width: 1500px) {
      .result-detail-wrap.overlap-arrow {
        position: static; } }
    .result-detail-wrap.overlap-arrow::before {
      content: "";
      display: inline-block;
      width: 460px;
      height: 425px;
      position: absolute;
      left: -220px;
      background: url(../scss-js/pages/detail/img/result-detail/left-arrow.svg) center no-repeat; }
      @media only screen and (min-width: 1500px) {
        .result-detail-wrap.overlap-arrow::before {
          left: 0; } }
    .result-detail-wrap.overlap-arrow .left-wrap {
      z-index: 1;
      margin-top: 40px; }
  .result-detail-wrap .left-wrap {
    width: 210px;
    margin-right: 94px; }
    .result-detail-wrap .left-wrap .base-color {
      margin-bottom: 10px; }
    .result-detail-wrap .left-wrap .icon {
      width: 178px;
      height: 178px;
      margin-bottom: 50px; }
      .result-detail-wrap .left-wrap .icon.no-svg-found {
        display: none; }
      .result-detail-wrap .left-wrap .icon.aligned svg {
        opacity: 1; }
      .result-detail-wrap .left-wrap .icon > svg {
        width: 100%;
        height: 100%;
        opacity: 0; }
  .result-detail-wrap .right-wrap {
    position: relative;
    width: calc(100% - 304px); }
    .result-detail-wrap .right-wrap .top-content-sec {
      margin-bottom: 45px; }
    .result-detail-wrap .right-wrap .date span {
      /* Subhead 2 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      /* line-height: 20px; */
      line-height: 22px;
      /* identical to box height, or 143% */
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on;
      color: #242071; }
    .result-detail-wrap .right-wrap .title {
      color: #242071;
      margin: 7.5px 0 13px; }
    .result-detail-wrap .right-wrap .sub-title {
      color: #242071; }
    .result-detail-wrap .right-wrap .credit-image .p-2,
    .result-detail-wrap .right-wrap .credit-image .p-3 {
      color: #242071; }
    .result-detail-wrap .right-wrap .credit-image img {
      margin-bottom: 30px; }
    .result-detail-wrap .right-wrap .body-section {
      margin-top: 25px; }
  .result-detail-wrap .label-items,
  .result-detail-wrap .topic-items {
    margin-bottom: 40px; }
  .result-detail-wrap .label-items,
  .result-detail-wrap .topic-items > span {
    /* Menu: L3 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071; }
  .result-detail-wrap .social-share > a {
    font-size: 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    transition: all 0.3s ease; }
    .result-detail-wrap .social-share > a:not(:last-child) {
      margin-right: 16px; }
    .result-detail-wrap .social-share > a:hover .circle {
      fill: #242071; }

@media only screen and (min-width: 1440px) {
  .block.back-btn {
    margin: 104px auto 0;
    max-width: 1033px !important;
    padding: 0 15px;
    position: relative; } }
@media only screen and (max-width: 1199px) {
  .result-detail-wrap .detail-arrow {
    right: 0; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .block.back-btn {
    margin: 80px 30px 0; } }
@media only screen and (max-width: 1024px) {
  .block.back-btn {
    margin: 52px 40px 0; }

  .result-detail-view {
    margin: 60px auto; }

  .result-detail-wrap .left-wrap {
    margin-right: 60px; }
  .result-detail-wrap .right-wrap {
    width: calc(100% - 270px); } }
@media only screen and (max-width: 767px) {
  .block.back-btn {
    margin: 35px 24px 0; }

  .result-detail-wrap {
    padding: 0 24px; }
    .result-detail-wrap.overlap-arrow::before {
      display: none; }
    .result-detail-wrap .left-wrap {
      order: 2;
      margin: 25px 0 0;
      width: 100%; }
      .result-detail-wrap .left-wrap .icon {
        position: absolute;
        top: 0;
        width: 124px;
        height: 124px; }
    .result-detail-wrap .right-wrap {
      width: 100%; }
      .result-detail-wrap .right-wrap .title {
        /* Subhead 1 */
        font-family: Raleway;
        font-style: normal;
        font-weight: 800;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height, or 144% */
        font-feature-settings: "pnum" on, "lnum" on; }

  .node-type-news .result-detail-view {
    margin: 30px auto 0; }
  .node-type-news .result-detail-wrap .right-wrap .top-content-sec {
    margin-bottom: 25px; }

  .result-detail-view {
    position: relative;
    padding-top: 140px;
    margin: 20px auto 0; }
    .result-detail-view.no-svg {
      padding-top: 0; } }
.about-us .section-img .img-panel {
  margin-top: 42px; }
.about-us .section-desc .img-panel__p-tag {
  margin: 42px 0; }
.about-us .full-width-region {
  overflow: hidden; }
.about-us .right-article-section {
  margin-bottom: 0; }
  .about-us .right-article-section article {
    position: relative;
    padding: 50px 0 70px;
    margin: 0;
    border-bottom: 0px; }
    .about-us .right-article-section article > * {
      position: relative; }
  .about-us .right-article-section b,
  .about-us .right-article-section strong {
    color: #242071; }
.about-us article:nth-child(odd):before {
  background: #f2f0ff;
  content: " ";
  position: absolute;
  left: -250px;
  top: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(calc((1215px - 100vw) / 2)); }
.about-us article:last-child {
  padding-bottom: 35px; }
.about-us .progress-section-wrap {
  margin-top: 52px; }
.about-us .left-tabs-section {
  top: 70px;
  background: transparent; }
  .about-us .left-tabs-section.floating-tab {
    top: 104px; }
  .about-us .left-tabs-section li .reading {
    border-color: rgba(36, 32, 113, 0.2); }

.about-desc {
  max-width: 1215px;
  margin: 0 auto 0;
  padding-left: 250px;
  padding-top: 40px;
  padding-right: calc(1215px - 936px); }
  .about-desc p {
    /* Paragraph 2 (primary) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: "pnum" on, "lnum" on;
    margin: 0 0 20px; }
  .about-desc b {
    /* Paragraph 1 (intro) */
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071; }
  .about-desc img {
    max-width: 40px;
    height: auto !important;
    float: left;
    clear: both; }
  .about-desc span {
    padding: 0 0 0 70px;
    display: block; }

@media only screen and (max-width: 1439px) {
  .about-us article:nth-child(odd):before {
    left: -230px;
    transform: translateX(calc((1115px - 100vw) / 2)); }

  .about-desc {
    max-width: 1115px;
    padding-left: 230px;
    padding-right: calc(1115px - 936px); } }
@media only screen and (max-width: 1199px) {
  .about-us article:nth-child(odd):before {
    left: -220px;
    transform: translateX(calc((995px - 100vw) / 2)); }

  .about-desc {
    max-width: 995px;
    padding-left: 220px;
    padding-right: calc(995px - 936px); } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .about-us article:nth-child(odd):before {
    left: -240px;
    transform: translateX(-40px); }
  .about-us .right-article-section {
    padding-left: 240px;
    max-width: 100%; }

  .about-desc {
    max-width: 100%;
    padding-left: 220px;
    padding-right: 0;
    padding: 44px 40px 0 280px; } }
@media only screen and (max-width: 767px) {
  .about-desc {
    max-width: 100%;
    padding: 44px 24px 0; }

  .about-us article:nth-child(odd):before {
    left: -24px;
    transform: translateX(0); } }
.bg-primary {
  background-color: #242071; }

.bg-accent-color1 {
  background-color: #2e4ab5; }

.bg-secondary-d-color {
  background-color: #f2f0ff; }

.clr-primary {
  color: #242071; }

.clr-accent-color1 {
  color: #2e4ab5; }

.clr-light {
  color: #fff; }

.tr-container {
  margin: 0 auto;
  padding: 0 15px; }

.tr-container-1 {
  max-width: 1068px; }

.tr-container-2 {
  max-width: 900px; }

.tr-container-3 {
  max-width: 925px; }

.tr-container-4 {
  max-width: 842px; }

.tr-container-xs {
  max-width: 575px; }

.tr-container-5 {
  max-width: 1051px; }

.py-100 {
  padding: 100px 0; }

.transition-report .banner-menu-block {
  position: relative; }
.transition-report .read-more a {
  font-size: 18px;
  font-weight: 800;
  color: #f2f0ff;
  border-bottom: 1px solid #f2f0ff;
  padding-bottom: 10px;
  transition: all 0.3s ease; }
  .transition-report .read-more a:hover {
    color: #1bce9b;
    border-color: #1bce9b; }
.transition-report .trans-banner .edit-node a,
.transition-report .banner-menu-block .edit-node a {
  position: absolute;
  bottom: 0;
  z-index: 2; }

/* _transition-report-common2.scss */
.transition-report .full-width-region {
  position: relative;
  margin: 0 auto;
  padding: 24px; }
.transition-report .tr-photoby {
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #f2f0ff; }
.transition-report .desc,
.transition-report .desc p {
  color: #f2f0ff;
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 31px; }
.transition-report .transition-menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
.transition-report .transition-menu li {
  padding: 10px 20px; }
  .transition-report .transition-menu li.active a {
    border-bottom: 1.5px solid #f2f0ff; }
    .transition-report .transition-menu li.active a:hover {
      border-color: #1bce9b; }
.transition-report .transition-menu a {
  /* Link 1 */
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.01em;
  color: #f2f0ff;
  background: transparent !important;
  padding: 0;
  transition: all 0.3s ease; }
  .transition-report .transition-menu a:hover {
    color: #1bce9b; }

.trans-menu-fix > header {
  display: none; }

body .transition-menu.trans-menu-fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
  z-index: 1050;
  padding: 20px 0; }
  body .transition-menu.trans-menu-fix.inside-banner {
    background: #242071; }

.mobile-toggle-button {
  cursor: pointer;
  display: block;
  position: relative;
  width: 40px;
  height: 30px;
  z-index: 999;
  overflow: hidden;
  border-radius: 3px;
  margin: auto; }

.mobile-toggle-button span {
  position: absolute;
  width: 40px;
  display: block;
  height: 2px;
  background-color: #fff;
  left: 0;
  transition: all .3s ease; }

.mobile-toggle-button.act-menu span {
  transition: top .2s ease 0s, transform .4s ease .2s; }

.mobile-toggle-button span:first-child {
  top: 5px; }

.mobile-toggle-button span:nth-child(2) {
  top: 14px; }

.mobile-toggle-button span:nth-child(3) {
  top: 23px; }

.mobile-toggle-button.act-menu span:first-child {
  top: 14px;
  transform: rotate(45deg); }

.mobile-toggle-button.act-menu span:nth-child(2) {
  transform: translateX(60px); }

.mobile-toggle-button.act-menu span:nth-child(3) {
  top: 14px;
  transform: rotate(-45deg); }

@media screen and (max-width: 767px) {
  .mobile-toggle-button {
    display: block !important; }

  .transition-report .read-more a {
    color: #fff;
    font-size: 16px;
    line-height: 20px; }
  .transition-report .transition-menu ul {
    display: none;
    position: fixed;
    background: #2e4ab5;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    border: 12px solid #fff;
    padding-top: 132px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }
  .transition-report .transition-menu a {
    font-size: 24px;
    font-weight: 800; }

  .show-menu.transition-report .transition-menu ul {
    display: flex;
    background-image: url(../scss-js/pages/detail/transition-report/img/home/cluster-pattern.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 170px; }
  .show-menu .mobile-toggle-button {
    position: fixed;
    top: 37px;
    left: 0;
    right: 0;
    margin: auto;
    height: 55px;
    z-index: 9999; }
    .show-menu .mobile-toggle-button::after {
      content: "CLOSE";
      display: block;
      position: absolute;
      bottom: 0;
      color: #fff;
      font-size: 13px; }

  .transition-report .desc,
  .transition-report .desc p {
    font-size: 16px;
    line-height: 28px; }

  .transition-report h3,
  .transition-report .h-3 {
    font-size: 18px;
    line-height: 26px; }
  .transition-report footer {
    margin-top: 0; }

  .transition-intro .sub-title {
    font-size: 24px;
    line-height: 29px; }

  body.transition-report .transition-menu.trans-menu-fix {
    left: 12px;
    right: 12px;
    width: auto; } }
.page-transition-report-home h2,
.page-transition-report-home h2 a,
.page-transition-report-home h3 {
  color: #f2f0ff; }
.page-transition-report-home h4 {
  color: #1bce9b; }
.page-transition-report-home h2.title {
  margin-bottom: 34px; }
.page-transition-report-home .tr__photo-credit {
  position: absolute;
  bottom: 32px;
  right: 32px;
  color: #f2f0ff;
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  opacity: 0.7; }
.page-transition-report-home.transition-report .arrow-label-wrap {
  right: 39px; }
  .page-transition-report-home.transition-report .arrow-label-wrap .first-phrase {
    color: #f2f0ff;
    display: block; }

.tr-pattern-block .title,
.tr-pattern-block .title a {
  color: #1bce9b; }
.tr-pattern-block h4 {
  color: #f2f0ff; }

.transition-report .arrow-label-wrap {
  right: 0; }
  .transition-report .arrow-label-wrap > p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    white-space: nowrap; }
  .transition-report .arrow-label-wrap br {
    display: none; }
.transition-report .go-top {
  background-color: #242071; }

.transition-intro .sub-title {
  margin-top: 10px; }

.title-pattern {
  position: relative;
  margin-bottom: 45px; }
  .title-pattern::after, .title-pattern::before {
    content: url(../scss-js/pages/detail/transition-report/img/home/line-dots.png); }

.agenda-listing {
  position: relative; }

.agenda__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 410px; }
.agenda__bottomImg, .agenda__topImg {
  position: absolute; }
.agenda__topImg {
  top: -110px;
  right: 0; }
.agenda__bottomImg {
  left: 0;
  bottom: 0; }
.agenda__right-section {
  padding-top: 510px; }
.agenda__item {
  width: 280px; }
  .agenda__item:not(:first-child) {
    margin-top: 100px; }
.agenda__bottom-section {
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .agenda__bottom-section .read-more {
    width: 280px;
    margin-top: 45px; }

/* _transition-report-home2.scss */
.custom-test-page .region-content {
  display: none; }

.page-transition-report-home {
  /* Menu Section */
  /* End of Menu Section */ }
  .page-transition-report-home .transition-menu {
    padding-top: 35px; }
  .page-transition-report-home .desc p {
    margin-bottom: 28px; }

/* Intro */
.transition-intro {
  padding-bottom: 70px; }
  .transition-intro .title-section {
    text-align: center; }
  .transition-intro .title,
  .transition-intro .title a,
  .transition-intro .sub-title {
    color: #f2f0ff; }
  .transition-intro h2.title {
    margin-top: 78px;
    margin-bottom: 10px; }
  .transition-intro .left-right-sec {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px; }
  .transition-intro .left-img {
    margin-right: 72px; }
  .transition-intro .right-sec {
    width: calc(100% - 554px); }
    .transition-intro .right-sec p {
      color: #fff; }

/* End of Intro */
/* Vision */
/* End of Vision */
/* About */
.trans-about {
  position: relative; }
  .trans-about .float-img {
    position: absolute;
    top: -240px;
    right: 0; }
  .trans-about .top-section {
    max-width: 547px; }

.trans-about-img-desc {
  margin-top: 150px; }
  .trans-about-img-desc .title {
    margin-bottom: 20px; }
  .trans-about-img-desc .each-item {
    display: flex;
    flex-wrap: wrap; }
    .trans-about-img-desc .each-item:not(:first-child) {
      margin-top: 80px; }
  .trans-about-img-desc .each-item.readmore-item {
    margin-top: 40px; }
  .trans-about-img-desc .left-wrap {
    width: 163px;
    margin-right: 65px; }
  .trans-about-img-desc .right-wrap {
    width: calc(100% - 228px); }
  .trans-about-img-desc .desc {
    max-width: 414px; }

/* End of About */
/* Partner Profile */
.transition-country {
  position: relative;
  background: #2e4ab5 url(../scss-js/pages/detail/transition-report/img/home/map.png) top center no-repeat; }
  .transition-country .left-img {
    position: absolute;
    left: 0;
    top: -90px; }
  .transition-country .right-sec {
    display: flex;
    flex-wrap: wrap;
    margin-top: 350px; }
    .transition-country .right-sec::before, .transition-country .right-sec::after {
      display: none; }
  .transition-country .empty-block {
    width: 163px;
    height: 163px;
    margin-right: 65px; }
  .transition-country .right-content {
    width: calc(100% - 228px); }

/* End of partner profile */
@media screen and (min-width: 991px) {
  .trans-about-img-desc .left-wrap img {
    position: relative;
    top: -30px; } }
@media screen and (min-width: 1350px) {
  .transition-country .right-sec {
    margin-top: 160px; } }
@media screen and (max-width: 1200px) {
  .trans-about .float-img,
  .transition-country .left-img {
    max-width: 500px; }

  .agenda__bottomImg {
    max-width: 700px; }

  .agenda__wrapper {
    padding-bottom: 300px; } }
@media only screen and (max-width: 1025px) {
  .trans-about .float-img {
    max-width: 410px; }

  .agenda__bottomImg {
    max-width: 640px; } }
@media screen and (max-width: 991px) {
  .page-transition-report-home .container {
    padding-left: 25px;
    padding-right: 25px;
    max-width: 100%; }
    .page-transition-report-home .container .container {
      padding-left: 0;
      padding-right: 0; }

  .transition-intro .left-img {
    margin: auto; }

  .transition-intro .right-sec {
    width: 100%;
    margin-top: 35px; }

  .trans-about {
    padding-top: 250px; }

  .trans-about .float-img {
    max-width: 295px;
    top: -155px; }

  .trans-about .top-section {
    max-width: unset;
    margin-top: 25px; }

  .trans-about-img-desc .right-wrap {
    width: 100%; }

  .transition-country .left-img {
    top: -47px; }

  .transition-country .right-content {
    width: 100%; }

  .agenda__topImg {
    max-width: 375px; }

  .agenda__right-section {
    padding-top: 300px; }

  .agenda__bottomImg {
    max-width: 450px; } }
@media screen and (max-width: 767px) {
  .transition-report .full-width-region {
    padding: 12px; }

  .page-transition-report-home .banner .banner-content {
    bottom: 0;
    left: 20px;
    right: 20px;
    padding: 0; }
  .page-transition-report-home .banner .banner-title {
    line-height: 54px;
    margin-top: 14px;
    margin-bottom: 40px; }
  .page-transition-report-home .banner .banner-type {
    font-size: 14px; }
  .page-transition-report-home .banner-bg img {
    height: 574px;
    object-fit: cover; }
  .page-transition-report-home .banner .banner-pattern {
    bottom: -50px;
    max-width: 120px; }
  .page-transition-report-home .tr__photo-credit {
    max-width: 145px;
    text-align: right;
    bottom: 20px;
    right: 20px; }
  .page-transition-report-home.transition-report .arrow-label-wrap {
    right: 24px;
    top: -185px; }

  .trans-about {
    padding-top: 172px; }

  .trans-about .float-img {
    max-width: 213px;
    top: -100px; }

  .transition-vission h4,
  .transition-vission h2,
  .transition-vission .read-more {
    text-align: left; }

  .trans-about-img-desc {
    margin-top: 38px; }

  .trans-about-img-desc .each-item:not(:first-child) {
    margin-top: 50px; }

  .trans-about-img-desc .each-item.readmore-item {
    margin-top: 22px; }

  .transition-country .left-img {
    max-width: 178px; }

  .transition-country .empty-block {
    display: none; }

  .transition-country .right-sec {
    margin-top: 100px; }

  .agenda__topImg {
    max-width: 222px; }

  .agenda__item:not(:first-child) {
    margin-top: 40px; }

  .agenda__right-section {
    padding-top: 40px; }

  .agenda__bottom-section {
    display: block; }
    .agenda__bottom-section .read-more {
      margin-top: 25px;
      margin-bottom: 26px; }

  .agenda__bottomImg {
    max-width: 303px; }

  .agenda__wrapper {
    padding-bottom: 154px; }

  .title-pattern img {
    max-width: 80px; }

  .agenda__item .title {
    font-size: 24px;
    line-height: 36px; }

  .agenda__desc.desc {
    font-size: 18px;
    line-height: 31px; }

  .transition-agenda .title,
  .transition-agenda .sub-title {
    text-align: left; }

  .transition-country .type {
    margin-top: 0; }

  .transition-intro h2.title {
    margin-bottom: 5px; }
  .transition-intro .sub-title {
    margin: 0; }
  .transition-intro p:last-of-type {
    margin-bottom: 0; }
  .transition-intro .left-right-sec {
    margin-top: 18px; } }
.transition-menu.inside-banner {
  position: absolute;
  z-index: 1;
  top: 42px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%; }

.transition-detail {
  background: #f2f0ff;
  padding-top: 85px; }
  .transition-detail .desc p {
    color: #242071;
    margin-bottom: 20px; }
  .transition-detail blockquote {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border-left: 0;
    margin: 60px 0 45px; }
    .transition-detail blockquote .avatar-sec {
      margin-right: 37px; }
      .transition-detail blockquote .avatar-sec .tr__placeholder {
        position: absolute;
        top: 74px;
        left: 38px;
        font-family: Raleway;
        font-style: normal;
        font-weight: 600;
        font-size: 39px;
        line-height: 45px;
        color: #fff; }
    .transition-detail blockquote .content-sec {
      position: relative;
      width: calc(100% - 352px);
      padding-left: 66px;
      padding-top: 30px;
      background: url(../scss-js/pages/detail/transition-report/img/letter/arrow.svg) left top no-repeat; }
      .transition-detail blockquote .content-sec p {
        font-family: Spectral;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 5px;
        color: #2e4ab5; }
        .transition-detail blockquote .content-sec p span {
          display: block;
          font-family: Raleway;
          font-style: normal;
          font-weight: 600;
          font-size: 18px;
          line-height: 31px;
          color: #2e4ab5; }
    .transition-detail blockquote.avatar-right .avatar-sec {
      order: 2;
      margin-right: 0;
      margin-left: 45px; }
    .transition-detail blockquote.avatar-right .content-sec {
      padding-left: 64px;
      width: calc(100% - 360px); }
    .transition-detail blockquote.avatar-right .tr__placeholder {
      color: #242071; }

.tr__avatar {
  position: relative;
  width: 315px;
  height: 315px;
  border-radius: 50%;
  overflow: hidden; }

.transition-detail__type {
  margin-top: 23px;
  color: #ff7140; }

.transition-detail__title {
  margin-top: 15px;
  margin-bottom: 25px;
  color: #242071; }

.transition-detail__avatar {
  width: 315px;
  height: 315px;
  border-radius: 50%;
  overflow: hidden; }

.sincerly-sec__regard {
  margin-bottom: 80px; }

.sincerly-sec__persons {
  display: flex;
  flex-wrap: wrap; }

.sincerly-sec__each-person:not(:last-child) {
  margin-right: 100px;
  margin-bottom: 15px; }

.desc .sincerly-sec__each-person p {
  margin-bottom: 0; }

.sincerly-sec .sincerly-sec__each-person p:last-child {
  /* Subhead 2 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 20px; */
  line-height: 22px;
  /* identical to box height, or 143% */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on; }

.tr-credit-block__wrap {
  position: relative;
  padding-top: 25px; }
  .tr-credit-block__wrap .go-top-wrap .arrow-label-wrap {
    top: 0; }
  .tr-credit-block__wrap .go-top-wrap .back-label {
    color: #242071; }
  .tr-credit-block__wrap .go-top-wrap .first-phrase {
    display: none; }
  .tr-credit-block__wrap .tr-credit-block__photoby {
    position: absolute;
    left: 24px;
    bottom: 15px; }

.tr-credit-block__bg img {
  width: 100%; }

.tr-credit-block__top {
  position: absolute;
  top: 0;
  right: 90px; }

@media only screen and (max-width: 767px) {
  .transition-menu.inside-banner {
    transform: none;
    left: 0;
    right: 0;
    top: 30px;
    z-index: unset; }

  .transition-report .banner.banner-style5 {
    min-height: 276px; }

  .tr__avatar {
    width: 165px;
    height: 165px; }

  .transition-detail blockquote .avatar-sec .tr__placeholder {
    font-size: 19px;
    line-height: 16px; }

  .transition-detail blockquote .content-sec,
  .transition-detail blockquote.avatar-right .content-sec {
    width: 100%;
    padding-left: 35px;
    padding-top: 46px;
    margin-top: 10px;
    background-size: 77px 99px; }

  .transition-detail blockquote .content-sec p {
    font-size: 18px;
    line-height: 26px; }

  .transition-detail blockquote.avatar-right .avatar-sec {
    order: 0;
    margin: 0; }

  .transition-report .tr-credit-block__top {
    right: 25px; }
  .transition-report .banner.banner-style5 .banner-bg-fill {
    height: 100%;
    overflow: hidden; }
    .transition-report .banner.banner-style5 .banner-bg-fill img {
      height: 100%;
      width: 612px;
      max-width: unset;
      object-position: center; }
  .transition-report .banner.banner-style5 .banner-bg {
    bottom: -55px; }
    .transition-report .banner.banner-style5 .banner-bg img {
      max-width: 250px; }

  .transition-detail {
    padding-top: 29px; }

  .tr-credit-block__wrap .go-top-wrap .arrow-label-wrap {
    top: -40px; }

  .sincerly-sec__persons {
    margin-bottom: 20px; } }
.page-transition-report-profile .profile-head .view {
  margin-top: 40px; }

.tr-partner-profile .desc p {
  color: #242071;
  margin: 0 0 20px; }
.tr-partner-profile .view-content {
  margin-top: 125px; }
.tr-partner-profile .view-grouping-header {
  position: relative;
  margin: 95px 0 100px;
  border: 1px solid #2e4ab5; }
  .tr-partner-profile .view-grouping-header .field-type-image img {
    width: 55px;
    object-fit: contain; }
.tr-partner-profile .each-item {
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .tr-partner-profile .each-item:last-child .tr-bottom-pattern {
    display: none; }
.tr-partner-profile .panel-area {
  background: #fff;
  min-height: 348px; }

/* Intro panel*/
.tr-intro-panel {
  position: relative;
  padding: 50px 30px 28px; }

.tr-intro-panel__icon {
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 136px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.tr-intro-panel h2 {
  font-family: Spectral;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 40px;
  color: #242071;
  margin: 5px 0 18px; }

.tr-intro-panel__desc {
  max-width: 592px;
  margin: 0 auto; }

.jump-to-sec {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0 -20px;
  padding: 0; }

.jump-to-sec__li {
  padding: 0 20px;
  margin-bottom: 10px; }

.jump-to-sec__link {
  padding-bottom: 2px;
  border-bottom: 1px solid;
  cursor: pointer; }

/* Left panel section */
.tr-left-panel__intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.tr-left-panel {
  max-width: 252px;
  width: 100%;
  margin-right: 60px; }

.tr-left-panel__icon {
  width: 100%;
  display: flex;
  justify-content: center; }
  .tr-left-panel__icon img {
    width: 122px;
    object-fit: contain; }

.tr-left-panel__type {
  color: #242071;
  margin-top: 32px;
  padding: 5.5px 9.5px; }

.other-commitment-makers .tr-left-panel__type {
  background-color: #ffb636; }
.other-commitment-makers .tr-left-panel__item {
  border-color: #ffb636; }

.government-commitment-makers .tr-left-panel__type {
  background-color: #ff7140; }
.government-commitment-makers .tr-left-panel__item {
  border-color: #ff7140; }

.tr-left-panel__area {
  background: #fff;
  padding: 20px 23px 17px;
  margin-top: 32px;
  opacity: 0; }

.panel-checked .tr-left-panel__area {
  opacity: 1; }

.tr-left-panel__item {
  border-bottom: 1px solid;
  padding-bottom: 8px;
  margin-bottom: 16px; }
  .tr-left-panel__item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.tr-left-panel__title {
  margin-bottom: 4px; }

/* End o Left panel section */
/* Right Panel section */
.tr-right-panel {
  width: calc(100% - 312px); }

.tr-right-panel__sub-title {
  margin-bottom: 54px; }

.tr-right-panel__body.desc blockquote {
  padding: 0;
  border: 0;
  margin: 45px 0 0; }
  .tr-right-panel__body.desc blockquote p {
    /* Pull-Quote */
    font-family: Spectral;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    letter-spacing: -0.02em;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #242071; }
    .tr-right-panel__body.desc blockquote p span {
      /* Subhead 2 */
      font-family: Raleway;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      /* line-height: 20px; */
      line-height: 22px;
      /* identical to box height, or 143% */
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-feature-settings: "pnum" on, "lnum" on;
      display: block;
      margin-top: 18px; }

/* End of Right Panel section */
.tr-bottom-pattern {
  position: relative;
  width: 100%;
  margin: 70px 0 111px; }

.tr-bottom-pattern__line {
  font-size: 0;
  margin: 0 auto;
  height: 1px;
  display: inline-block;
  width: 100%; }

.tr-bottom-pattern__img {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 145px; }

@media only screen and (max-width: 991px) {
  .jump-to-sec-wrap {
    padding: 0; }

  .transition-report .container {
    width: 100%; }

  .jump-to-sec {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    max-width: 500px;
    margin: 0; }

  .jump-to-sec__li {
    padding: 0;
    margin: 0; } }
@media only screen and (max-width: 767px) {
  .tr-intro-panel {
    padding: 25px 10px; }
    .tr-intro-panel h2 {
      font-size: 36px;
      line-height: 40px; }

  .tr-intro-panel__icon {
    width: 85px;
    top: -24px; }

  .tr-partner-profile .view-grouping-header .field-type-image img {
    max-width: 38px; }

  .tr-partner-profile .each-item {
    flex-direction: column;
    margin-top: 40px; }

  .tr-left-panel {
    margin: auto;
    margin-bottom: 25px; }

  .tr-right-panel {
    width: 100%; }

  .txt-trim-btn {
    color: #242071;
    text-transform: uppercase;
    float: right;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    background: url(../scss-js/pages/img/result-page/down-arrow.svg) center right no-repeat;
    padding-right: 22px; }

  .desc:not(.show) .txt-trim {
    display: block !important; }
  .desc:not(.show) .txt-full {
    display: none; }
  .desc:not(.show) .txt-trim-btn {
    display: block !important; }

  .tr-right-panel__title-sec {
    display: none;
    text-align: center; }

  .tr-right-panel__sub-title {
    margin-bottom: 0; }

  .tr-left-panel__intro .tr-right-panel__title-sec {
    width: 100%;
    display: block !important; }

  .tr-left-panel__icon img {
    max-width: 65px; }

  .tr-partner-profile .view-grouping-header {
    margin-bottom: 40px;
    margin-top: 40px; }

  .tr-bottom-pattern {
    display: none; }

  .tr-partner-profile .view-content {
    margin-top: 55px; }

  .page-transition-report-profile .profile-head .view {
    margin-top: 0; }

  .page-transition-report .tr-credit-block__wrap {
    padding-top: 135px; }
  .page-transition-report .tr-credit-block__wrap .go-top-wrap .arrow-label-wrap {
    top: 55px; }

  .transition-report h3.tr-right-panel__title {
    font-size: 24px;
    line-height: 36px; } }
.sub-wrap-commitment-detail {
  display: flex;
  flex-wrap: wrap;
  padding: 53px;
  padding-left: 71px;
  max-width: calc(100% - 184px);
  margin-left: 184px;
  color: #242071;
  background-color: #f2f0ff;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  position: relative;
  margin: auto; }
  .sub-wrap-commitment-detail strong {
    font-weight: 800; }
  .sub-wrap-commitment-detail::before {
    content: "";
    position: absolute;
    top: 49px;
    left: -20px;
    width: 40px;
    height: 30px;
    display: inline-block;
    background: url(../scss-js/pages/detail/img/detail-layout/quote-arrow.svg) no-repeat center; }

.at-a-glance {
  /* Heading 4 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
  line-height: 30px;
  /* identical to box height, or 136% */
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-feature-settings: "pnum" on, "lnum" on; }

.statement-heading,
.sub-wrap-right-commitment .doc-heading {
  /* Heading 3 */
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */
  font-feature-settings: "pnum" on, "lnum" on; }

.statement-heading {
  margin-bottom: 13px; }

.at-a-glance {
  width: 100%;
  margin-bottom: 33px; }

.sub-wrap-left-commitment {
  flex: 1;
  margin-right: 40px;
  padding-right: 40px;
  border-right: 1px solid #2e4ab5; }

.sub-wrap-right-commitment {
  max-width: 223px; }
  .sub-wrap-right-commitment a {
    padding: 0;
    border: none;
    background: none !important;
    margin-top: 20px; }
  .sub-wrap-right-commitment img {
    max-width: 58px; }

.commitment-wrap-landing .right-article-section {
  margin-bottom: 0; }
.commitment-wrap-landing .bottom-featured-section {
  margin-bottom: 0; }
.commitment-wrap-landing .news-result-view .each-card {
  width: 50%;
  margin-bottom: 0;
  margin-bottom: 20px; }
  .commitment-wrap-landing .news-result-view .each-card .card {
    height: 100%; }
  .commitment-wrap-landing .news-result-view .each-card .type-box {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px; }
.commitment-wrap-landing .bottom-featured-section .each-card {
  width: 100%;
  margin-bottom: 0; }
  .commitment-wrap-landing .bottom-featured-section .each-card:not(:last-child) {
    margin-bottom: 35px; }
  .commitment-wrap-landing .bottom-featured-section .each-card > div {
    width: 100%; }
  .commitment-wrap-landing .bottom-featured-section .each-card .card {
    padding: 30px 90px; }
  .commitment-wrap-landing .bottom-featured-section .each-card .title {
    font-weight: 800;
    font-size: 18px; }
  .commitment-wrap-landing .bottom-featured-section .each-card .view-icon {
    margin-top: 11px;
    padding-right: 28px; }
  .commitment-wrap-landing .bottom-featured-section .each-card .left-wrap {
    margin-right: 60px; }
  .commitment-wrap-landing .bottom-featured-section .each-card .right-wrap {
    flex: 1; }
.commitment-wrap-landing .quicktabs-tabs {
  padding: 0;
  margin: 0;
  font-size: 0;
  display: flex;
  margin-top: 30px; }
  .commitment-wrap-landing .quicktabs-tabs > li {
    padding: 0;
    display: flex; }
    .commitment-wrap-landing .quicktabs-tabs > li a {
      padding: 11px 69px;
      border: 1px solid #242071;
      color: #242071;
      background-color: #fff;
      line-height: 20px;
      font-weight: 800; }
      .commitment-wrap-landing .quicktabs-tabs > li a:hover {
        background-color: #242071;
        color: #fff; }
    .commitment-wrap-landing .quicktabs-tabs > li.active a {
      background-color: #242071;
      color: #fff; }
.commitment-wrap-landing .quicktabs_main {
  background: #f2f0ff;
  padding: 37px 30px;
  padding-bottom: 53px; }
  .commitment-wrap-landing .quicktabs_main .view-content > .views-row {
    padding: 10px 0;
    border-bottom: 1px solid #2e4ab5; }
.commitment-wrap-landing .result-wrap {
  position: relative;
  padding-right: 50px; }
  .commitment-wrap-landing .result-wrap .title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 800; }
  .commitment-wrap-landing .result-wrap .date {
    font-size: 14px;
    line-height: 22px; }
  .commitment-wrap-landing .result-wrap .download-wrap {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%); }
    .commitment-wrap-landing .result-wrap .download-wrap a {
      margin: 0;
      padding: 0;
      font-size: 0;
      border: none;
      width: 19px;
      height: 17px;
      display: inline-block;
      background: url(../scss-js/pages/detail/img/detail-layout/download.svg) no-repeat center; }
.commitment-wrap-landing .readmore-double {
  margin-top: 25px; }
.commitment-wrap-landing .agenda__top-icon {
  margin-top: 40px;
  margin-bottom: 50px; }
@media screen and (min-width: 1199px) {
  .commitment-wrap-landing .go-top-wrap .arrow-label-wrap {
    right: -93px; } }

.commitment-maker-statics {
  margin-bottom: 0; }
  .commitment-maker-statics .view-content {
    min-width: 827px;
    margin-left: 0;
    height: auto;
    z-index: 20;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 77px;
    padding: 50px 130px; }
    @media screen and (max-width: 1439px) {
      .commitment-maker-statics .view-content {
        min-width: 800px; } }
    .commitment-maker-statics .view-content .title {
      line-height: 42px; }

.commitment-maker-footer {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  padding-left: 250px;
  max-width: 936px; }
  .commitment-maker-footer p + p {
    margin-top: 12px; }
  @media screen and (max-width: 1439px) {
    .commitment-maker-footer {
      padding-left: 230px;
      max-width: 936px; } }
  .commitment-maker-footer .footer-title {
    color: #242071;
    margin-bottom: 14px;
    /* Heading 4 */
    font-family: Raleway;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 30px;
    /* identical to box height, or 136% */
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-feature-settings: "pnum" on, "lnum" on; }

.color-in-the-news:not(:hover) {
  border-color: #21b1fe; }

.color-press-releases:not(:hover) {
  border-color: #2e4ab5; }

.color-fp2030-s-official-statements:not(:hover) {
  border-color: #7cc043; }

.color-updates:not(:hover) {
  border-color: #ff7140; }

.color-calls-to-action:not(:hover) {
  border-color: #9E8B83; }

.color-fp2030-in-the-media:not(:hover) {
  border-color: #1bce9b; }

.color-fp2030-newsletters:not(:hover) {
  border-color: #ffb636; }

@media screen and (min-width: 1300px) {
  .sub-wrap-commitment-detail {
    width: 801px;
    margin-left: 182px; } }
@media screen and (min-width: 1439px) {
  .sub-wrap-commitment-detail {
    width: 827px;
    margin-left: 182px; } }
@media screen and (max-width: 1300px) {
  .sub-wrap-commitment-detail {
    margin: auto; }

  .commitment-maker-statics .view-content {
    min-width: 100%;
    transform: none;
    position: static;
    margin: 0; }

  .commitment-maker-statics {
    min-height: unset !important; } }
@media screen and (max-width: 991px) {
  .sub-wrap-commitment-detail {
    flex-direction: column; }

  .sub-wrap-left-commitment {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    margin-bottom: 25px; }

  .commitment-maker-statics .view-content {
    padding: 50px 60px; } }
@media screen and (max-width: 767px) {
  .sub-wrap-commitment-detail {
    max-width: calc(100% - 30px); }

  .commitment-wrap-landing .news-result-view .each-card {
    width: 100%; }
    .commitment-wrap-landing .news-result-view .each-card:not(:last-child) {
      margin-bottom: 20px; }

  .commitment-maker-statics .view-content {
    grid-template-columns: 1fr;
    padding: 30px; }

  .commitment-wrap-landing .quicktabs-tabs > li a {
    padding: 11px 50px; }

  .commitment-maker-footer {
    padding-left: 0;
    margin-top: 30px; }

  .commitment-wrap-landing .bottom-featured-section .each-card {
    padding: 0; }

  .commitment-wrap-landing .bottom-featured-section .each-card .card {
    padding: 20px 25px; } }
.page-user .main-container,
.page-user .region-content {
  max-width: 500px;
  margin: 30px auto; }
.page-user .main-container {
  margin-top: 100px; }
.page-user .region-content {
  margin-bottom: 100px; }

/* Language fixes */
/* French */
html[lang="fr"] {
  /**************************/ }
  @media only screen and (min-width: 1025px) {
    html[lang="fr"] .ln-dropdown {
      right: 118px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1130px) {
    html[lang="fr"] header .menu.nav > li a {
      font-size: 12px;
      padding: 0 6px; }
    html[lang="fr"] header#navbar.container {
      padding: 0 15px; } }
  @media only screen and (min-width: 1131px) and (max-width: 1465px) {
    html[lang="fr"] header .menu.nav > li a {
      font-size: 12px;
      padding: 0 8px; }
    html[lang="fr"] header#navbar.container {
      padding: 0 30px; } }
  @media only screen and (min-width: 1200px) {
    html[lang="fr"] .banner.banner-style1 .banner-title {
      font-size: 70px; }
    html[lang="fr"] .key-issue-block .key-title {
      font-size: 70px; } }
  @media only screen and (min-width: 992px) and (max-width: 1024px) {
    html[lang="fr"] .banner.banner-style1 .banner-title {
      font-size: 60px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    html[lang="fr"] .banner.banner-style2 .banner-content .banner-title {
      font-size: 65px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    html[lang="fr"] .banner.banner-style2 .banner-content .banner-title {
      font-size: 55px; } }
  @media only screen and (max-width: 1078px) {
    html[lang="fr"] .banner.banner-style2 .banner-content .banner-title {
      font-size: 40px; } }
@media only screen and (max-width: 1078px) and (min-width: 1025px) and (max-width: 1120px) {
  html[lang="fr"] header .menu.nav > li a {
    font-size: 12px;
    padding: 0 3px; } }

/* End of French */
/* Spanish */
html[lang="es"] {
  /**************************/ }
  @media only screen and (min-width: 1025px) and (max-width: 1439px) {
    html[lang="es"] header .menu.nav > li > a {
      font-size: 12px;
      padding: 0 10px; } }
  html[lang="es"] .result-page-view .search-wrap .form-item {
    width: calc(100% - 130px); }
  @media only screen and (max-width: 767px) {
    html[lang="es"] .result-page-view .search-wrap .form-item {
      width: 100%; } }

/* End of Spanish */

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