@charset "UTF-8";
/* UTILITIES START */
/**
 * Breakpoint Configuration
 */
/*
 * ===========================
 * MIXIN FONT-SIZE
 * @include m.font-size(16px);
 * ===========================
 */
/*
 * ===========================
 * Breakpoints - Media Queries
 * @include breakpoint(mobile) { }
 * ===========================
 */
/*
 * ===========================
 * MIXIN BORDER-RADIUS
 * @include border-radius(5px);
 * ===========================
 */
/* Single side border-radius */
/*
 * ===========================
 * MIXIN BOX-SHADOW
 * @include box-shadow(0, 2px, 10px, 0px, rgb(0,0,0,0.5), false);
 * ===========================
 */
/*
 * ===========================
 * MIXIN OPACITY
 * @include opacity(0.9);
 * ===========================
 */
/*
 * ===========================
 * MIXIN CENTER BLOCK
 * @include center-block;
 * ===========================
 */
/*
 * ===========================
 * MIXIN TRANSITION
 * @include m.transition(color .3s ease);
 * ===========================
 */
/*
 * ===========================
 * MIXIN BACKGROUND OPACITY
 * @include alpha-background-color(rgb(black, 0.5), white);
 * ===========================
 */
/*
 * ===========================
 * MIXIN COLUMN-GAP
 * @include column-gap(5px);
 * ===========================
 */
html,
body {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

body {
  overflow-x: hidden;
}
body.mobile-menu-open {
  height: 100vh;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  body.mobile-menu-open {
    height: auto;
    overflow: auto;
  }
}
body.search-open {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
body.search-open::after {
  content: "";
  display: block;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  z-index: 8;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

a.btn {
  position: relative;
}

a:focus-visible:not(a.btntext),
a.btn:focus-visible:not(a.btntext),
button:focus-visible:not(a.btntext),
*[tabindex="0"]:focus-visible:not(a.btntext) {
  display: inline-block;
  outline-color: transparent;
  outline-style: unset;
  position: relative;
}
a:focus-visible:not(a.btntext)::before,
a.btn:focus-visible:not(a.btntext)::before,
button:focus-visible:not(a.btntext)::before,
*[tabindex="0"]:focus-visible:not(a.btntext)::before {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  content: "";
  display: inline-block;
  outline: 2px solid black; /* Outer black border */
  outline-offset: 2px; /* Offset to account for transparent and blue space */
  box-shadow: 0 0 0 2px #00AEEF;
  border-radius: 5px;
  z-index: 1;
  pointer-events: none;
}

input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #00AEEF;
  border-radius: 5px;
}

.rtl {
  direction: rtl;
}
.rtl iframe#st_gdpr_iframe {
  left: auto;
  right: -5000px;
}

.box-transition {
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
  -ms-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.box-shadow {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.box-shadow-active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.main-container {
  position: relative;
}

.content-full-grid {
  max-width: 100%;
  width: 100%;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  .content-full-grid {
    max-width: 648px;
  }
}
@media only screen and (min-width: 992px) {
  .content-full-grid {
    max-width: 932px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-full-grid {
    max-width: 1140px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-full-grid {
    max-width: 1170px;
  }
}

.container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 932px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media only screen and (min-width: 1440px) {
  .container {
    max-width: 1170px;
  }
}
.container twitter-widget,
.container iframe {
  margin-left: auto;
  margin-right: auto;
}

iframe {
  width: 100%;
}

.breakout {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(2rem + -50vw + 50%);
  padding-right: calc(2rem + -50vw + 50%);
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.clearfix:after, .clearfix:before {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.hidden {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  z-index: 1000;
}
.visually-hidden.focusable:active.skip-link,
.visually-hidden.focusable:focus.skip-link {
  color: black;
}
@media only screen and (max-width: 991px) {
  .visually-hidden.focusable:active.skip-link,
  .visually-hidden.focusable:focus.skip-link {
    position: absolute !important;
    background-color: white;
  }
}
@media only screen and (min-width: 992px) {
  .visually-hidden.focusable:active.skip-link,
  .visually-hidden.focusable:focus.skip-link {
    position: static !important;
  }
}

.invisible {
  visibility: hidden;
}

p {
  margin: 0 0 18px;
}
@media only screen and (min-width: 992px) {
  p {
    margin: 0 0 20px;
  }
}

.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

pre {
  display: inherit;
  font-family: inherit;
  margin: auto;
  white-space: normal;
}

.anchor-space:before {
  display: block;
  content: "";
  height: 0;
  margin: -10px 0 0;
}

#toolbar-administration a {
  font-size: inherit;
}
#toolbar-administration a .toolbar-bar {
  position: fixed;
}

/* BEGIN UNICEF Icons fonts */
@font-face {
  font-family: "Unicef";
  src: url("../fonts/Unicef-Icons.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/* END UNICEF Icons fonts */
/* BEGIN UNICEF Logo fonts */
@font-face {
  font-family: "Unicef-Logos";
  src: url("../fonts/Unicef-Logos.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/* END UNICEF Logo fonts */
/* BEGIN Thin */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Thin.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/* END Thin */
/* BEGIN Thin Italic */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-ThinItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
/* END Thin Italic */
/* BEGIN Light */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Light.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-LightItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
/* END Italic */
/* BEGIN Medium */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Medium.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* END Medium */
/* BEGIN Medium Italic */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-MediumItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* END Medium Italic */
/* BEGIN Bold */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* END Bold Italic */
/* BEGIN Black */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-Black.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* END Black */
/* BEGIN Black Italic */
@font-face {
  font-family: CRoboto;
  src: url("../fonts/custom/Roboto-BlackItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* END Black Italic */
/* BEGIN PT Serif REGULAR */
@font-face {
  font-family: "CPT Serif";
  src: url("../fonts/custom/PT_Serif-Web-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* END PT Serif REGULAR */
/* BEGIN PT Serif Italic */
@font-face {
  font-family: "CPT Serif";
  src: url("../fonts/custom/PT_Serif-Web-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
/* END PT Serif Italic */
/* BEGIN PT Serif BOLD */
@font-face {
  font-family: "CPT Serif";
  src: url("../fonts/custom/PT_Serif-Web-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* END PT Serif BOLD*/
/* BEGIN PT Serif BOLD Italic */
@font-face {
  font-family: "CPT Serif";
  src: url("../fonts/custom/PT_Serif-Web-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* BEGIN Noto fonts */
@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* END Noto fonts */
/* BEGIN Noto Armenian fonts */
@font-face {
  font-family: "Noto Sans Armenian";
  src: url("../fonts/NotoSansArmenian-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Armenian";
  src: url("../fonts/NotoSansArmenian-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Armenian";
  src: url("../fonts/NotoSansArmenian-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Armenian";
  src: url("../fonts/NotoSansArmenian-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* END Noto Armenian fonts */
/* BEGIN Noto Georgian fonts */
@font-face {
  font-family: "Noto Sans Georgian";
  src: url("../fonts/NotoSansGeorgian-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Georgian";
  src: url("../fonts/NotoSansGeorgian-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Georgian";
  src: url("../fonts/NotoSansGeorgian-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Georgian";
  src: url("../fonts/NotoSansGeorgian-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* END Noto Georgian fonts */
/* BEGIN Noto Sans Khmer fonts */
@font-face {
  font-family: "Noto Sans Khmer";
  src: url("../fonts/NotoSansKhmer-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Khmer";
  src: url("../fonts/NotoSansKhmer-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Khmer";
  src: url("../fonts/NotoSansKhmer-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* END Noto Sans Khmer fonts */
/* BEGIN Noto Sans Arabic fonts */
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("../fonts/NotoSansArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* END Noto Sans Arabic fonts */
/* BEGIN Noto Sans Tamil fonts */
@font-face {
  font-family: "Noto Sans Tamil";
  src: url("../fonts/NotoSansTamil-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Tamil";
  src: url("../fonts/NotoSansTamil-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Tamil";
  src: url("../fonts/NotoSansTamil-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* END Noto Sans Tamil fonts */
/* BEGIN Noto Sans Thai fonts */
@font-face {
  font-family: "Noto Sans Thai";
  src: url("../fonts/NotoSansThai-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Thai";
  src: url("../fonts/NotoSansThai-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Thai";
  src: url("../fonts/NotoSansThai-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* END Noto Sans Thai fonts */
/* BEGIN Noto Sans Myanmar fonts */
@font-face {
  font-family: "Noto Sans Myanmar";
  src: url("../fonts/NotoSansMyanmar-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Myanmar";
  src: url("../fonts/NotoSansMyanmar-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Myanmar";
  src: url("../fonts/NotoSansMyanmar-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* END Noto Sans Myanmar fonts */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .col-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 768px), only screen and (-ms-high-contrast: none) and (min-width: 768px) {
  .col-2 {
    max-width: 768px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 992px), only screen and (-ms-high-contrast: none) and (min-width: 992px) {
  .col-2 {
    max-width: 932px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 1200px), only screen and (-ms-high-contrast: none) and (min-width: 1200px) {
  .col-2 {
    max-width: 1140px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 1440px), only screen and (-ms-high-contrast: none) and (min-width: 1440px) {
  .col-2 {
    max-width: 1170px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .col-2 > div {
    margin-bottom: 30px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 768px), only screen and (-ms-high-contrast: none) and (min-width: 768px) {
  .col-2 > div {
    width: 309px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 992px), only screen and (-ms-high-contrast: none) and (min-width: 992px) {
  .col-2 > div {
    width: 450px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 1200px), only screen and (-ms-high-contrast: none) and (min-width: 1200px) {
  .col-2 > div {
    width: 555px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 1440px), only screen and (-ms-high-contrast: none) and (min-width: 1440px) {
  .col-2 > div {
    width: 570px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .col-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .col-4 > div {
    margin-bottom: 30px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 992px), only screen and (-ms-high-contrast: none) and (min-width: 992px) {
  .col-4 > div {
    width: 210px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 1200px), only screen and (-ms-high-contrast: none) and (min-width: 1200px) {
  .col-4 > div {
    width: 262.5px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 1440px), only screen and (-ms-high-contrast: none) and (min-width: 1440px) {
  .col-4 > div {
    width: 270px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 992px), only screen and (-ms-high-contrast: none) and (min-width: 992px) {
  .col-4 > div.card_large {
    width: 690px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 1200px), only screen and (-ms-high-contrast: none) and (min-width: 1200px) {
  .col-4 > div.card_large {
    width: 847.5px;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 1440px), only screen and (-ms-high-contrast: none) and (min-width: 1440px) {
  .col-4 > div.card_large {
    width: 870px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .media-contacts .contacts-list {
    display: block;
  }
  .media-contacts .contacts-list .media-contact {
    margin-bottom: 20px;
  }
}
.col-1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
}
@media only screen and (min-width: 768px) {
  .col-1 {
    -ms-grid-columns: 768px;
    grid-template-columns: 768px;
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .col-1 {
    -ms-grid-columns: 932px;
    grid-template-columns: 932px;
  }
}
@media only screen and (min-width: 1200px) {
  .col-1 {
    -ms-grid-columns: 1140px;
    grid-template-columns: 1140px;
  }
}
@media only screen and (min-width: 1440px) {
  .col-1 {
    -ms-grid-columns: 1170px;
    grid-template-columns: 1170px;
  }
}

[class*=col-txt-block] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  [class*=col-txt-block] {
    -ms-grid-columns: 648px;
    grid-template-columns: 648px;
    grid-gap: 30px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) {
  [class*=col-txt-block] {
    -ms-grid-columns: 770px;
    grid-template-columns: 770px;
  }
}

[class*=txt-block-full] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 40px;
  margin-right: 40px;
}
@media only screen and (min-width: 768px) {
  [class*=txt-block-full] {
    grid-template-columns: repeat(auto-fit, minmax(281px, 648px));
    -ms-grid-columns: 648px;
    grid-gap: 30px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  [class*=txt-block-full] {
    grid-template-columns: repeat(auto-fit, minmax(649px, 932px));
    -ms-grid-columns: 932px;
  }
}
@media only screen and (min-width: 1200px) {
  [class*=txt-block-full] {
    grid-template-columns: repeat(auto-fit, minmax(933px, 1140px));
    -ms-grid-columns: 1140px;
  }
}
@media only screen and (min-width: 1440px) {
  [class*=txt-block-full] {
    grid-template-columns: repeat(auto-fit, minmax(1141px, 1170px));
    -ms-grid-columns: 1170px;
  }
}

.col-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .col-2 {
    grid-template-columns: 309px 309px;
    -ms-grid-columns: 309px 30px 309px;
    grid-gap: 30px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) {
  .col-2 {
    grid-template-columns: 450px 450px;
    -ms-grid-columns: 450px 30px 450px;
  }
}
@media only screen and (min-width: 1200px) {
  .col-2 {
    grid-template-columns: 555px 555px;
    -ms-grid-columns: 555px 30px 555px;
  }
}
@media only screen and (min-width: 1440px) {
  .col-2 {
    grid-template-columns: 570px 570px;
    -ms-grid-columns: 570px 30px 570px;
  }
}
.column-block .col-2 {
  grid-gap: 40px;
}
@media screen and (max-width: 540px) {
  .column-block .col-2 {
    grid-template-columns: minmax(200px, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  .column-block .col-2 {
    grid-gap: 40px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .column-block .col-2 {
    grid-gap: 30px;
  }
}

[class*=f-col2] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  [class*=f-col2] {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-gap: 30px;
    margin-left: 0px;
    margin-right: 0px;
  }
  [class*=f-col2] > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  [class*=f-col2] > div:nth-child(2) {
    -ms-grid-column: 3;
  }
}

.col-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 60px;
  margin-right: 60px;
}
@media only screen and (min-width: 768px) {
  .col-3 {
    grid-template-columns: 196px 196px 196px;
    -ms-grid-columns: 196px 30px 196px 30px 196px;
    grid-gap: 30px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .column-block.aligned-center .col-3, .column-block.circle .col-3 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 196px));
    margin: 0px auto;
  }
  .col-3 > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  .col-3 > div:nth-child(2) {
    -ms-grid-column: 3;
  }
  .col-3 > div:nth-child(3) {
    -ms-grid-column: 5;
  }
}
@media only screen and (min-width: 992px) {
  .col-3 {
    grid-template-columns: 290px 290px 290px;
    -ms-grid-columns: 290px 30px 290px 30px 290px;
  }
  .column-block.aligned-center .col-3, .column-block.circle .col-3 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 290px));
  }
}
@media only screen and (min-width: 1200px) {
  .col-3 {
    grid-template-columns: 360px 360px 360px;
    -ms-grid-columns: 360px 30px 360px 30px 360px;
  }
  .column-block.aligned-center .col-3, .column-block.circle .col-3 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 360px));
  }
}
@media only screen and (min-width: 1440px) {
  .col-3 {
    grid-template-columns: 370px 370px 370px;
    -ms-grid-columns: 370px 30px 370px 30px 370px;
  }
  .column-block.aligned-center .col-3, .column-block.circle .col-3 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 370px));
  }
}
.column-block .col-3 {
  grid-gap: 40px;
}
@media only screen and (min-width: 768px) {
  .column-block .col-3 {
    grid-gap: 40px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .column-block .col-3 {
    grid-gap: 30px;
  }
}
.column-block.aligned-left .col-3 {
  margin-left: 20px;
  margin-right: 80px;
}
.rtl .column-block.aligned-left .col-3 {
  margin-left: 80px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .column-block.aligned-left .col-3 {
    margin-left: 0px;
    margin-right: 0px;
  }
}

[class*=f-col3] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
}
@media only screen and (min-width: 992px) {
  [class*=f-col3] {
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-gap: 30px;
  }
  [class*=f-col3] > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  [class*=f-col3] > div:nth-child(2) {
    -ms-grid-column: 3;
  }
  [class*=f-col3] > div:nth-child(3) {
    -ms-grid-column: 5;
  }
}

[class*=col-1-2] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 0px;
  margin-right: 0px;
}
[class*=col-1-2] > div:nth-child(1) {
  margin-left: 60px;
  margin-right: 60px;
}
.column-block.aligned-left [class*=col-1-2] > div:nth-child(1) {
  margin-left: 20px;
  margin-right: 80px;
}
.rtl .column-block.aligned-left [class*=col-1-2] > div:nth-child(1) {
  margin-left: 80px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .column-block.aligned-left [class*=col-1-2] > div:nth-child(1) {
    margin-left: 0px;
    margin-right: 0px;
  }
  .rtl .column-block.aligned-left [class*=col-1-2] > div:nth-child(1) {
    margin-left: 0px;
    margin-right: 0px;
  }
}
[class*=col-1-2] > div:nth-child(2) {
  -ms-grid-column: 3;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  [class*=col-1-2] {
    grid-template-columns: 196px 422px;
    -ms-grid-columns: 196px 30px 422px;
    grid-gap: 30px;
    margin-left: 0px;
    margin-right: 0px;
  }
  [class*=col-1-2] > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    margin-left: 0px;
    margin-right: 0px;
  }
  [class*=col-1-2] > div:nth-child(2) {
    -ms-grid-column: 3;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) {
  [class*=col-1-2] {
    grid-template-columns: 290px 610px;
    -ms-grid-columns: 290px 30px 610px;
  }
}
@media only screen and (min-width: 1200px) {
  [class*=col-1-2] {
    grid-template-columns: 360px 750px;
    -ms-grid-columns: 360px 30px 750px;
  }
}
@media only screen and (min-width: 1440px) {
  [class*=col-1-2] {
    grid-template-columns: 370px 770px;
    -ms-grid-columns: 370px 30px 770px;
  }
}
.column-block [class*=col-1-2] {
  grid-gap: 40px;
}
@media only screen and (min-width: 768px) {
  .column-block [class*=col-1-2] {
    grid-gap: 40px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .column-block [class*=col-1-2] {
    grid-gap: 30px;
  }
}

[class*=col-2-1],
[class*=col_2_1],
[class*=col_21] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 0px;
  margin-right: 0px;
}
[class*=col-2-1] > div:nth-child(1),
[class*=col_2_1] > div:nth-child(1),
[class*=col_21] > div:nth-child(1) {
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  [class*=col-2-1] > div:nth-child(1),
  [class*=col_2_1] > div:nth-child(1),
  [class*=col_21] > div:nth-child(1) {
    margin-left: 30px;
    margin-right: 30px;
  }
}
[class*=col-2-1] > div:nth-child(2),
[class*=col_2_1] > div:nth-child(2),
[class*=col_21] > div:nth-child(2) {
  margin-left: 60px;
  margin-right: 60px;
}
.column-block.aligned-left [class*=col-2-1] > div:nth-child(2),
.column-block.aligned-left [class*=col_2_1] > div:nth-child(2),
.column-block.aligned-left [class*=col_21] > div:nth-child(2) {
  margin-left: 20px;
  margin-right: 80px;
}
.rtl .column-block.aligned-left [class*=col-2-1] > div:nth-child(2),
.rtl .column-block.aligned-left [class*=col_2_1] > div:nth-child(2),
.rtl .column-block.aligned-left [class*=col_21] > div:nth-child(2) {
  margin-left: 80px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .column-block.aligned-left [class*=col-2-1] > div:nth-child(2),
  .column-block.aligned-left [class*=col_2_1] > div:nth-child(2),
  .column-block.aligned-left [class*=col_21] > div:nth-child(2) {
    margin-left: 0px;
    margin-right: 0px;
  }
  .rtl .column-block.aligned-left [class*=col-2-1] > div:nth-child(2),
  .rtl .column-block.aligned-left [class*=col_2_1] > div:nth-child(2),
  .rtl .column-block.aligned-left [class*=col_21] > div:nth-child(2) {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) {
  [class*=col-2-1],
  [class*=col_2_1],
  [class*=col_21] {
    grid-template-columns: 422px 196px;
    -ms-grid-columns: 422px 30px 196px;
    grid-gap: 30px;
  }
  [class*=col-2-1] > div:nth-child(1),
  [class*=col_2_1] > div:nth-child(1),
  [class*=col_21] > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    margin-left: 0px;
    margin-right: 0px;
  }
  [class*=col-2-1] > div:nth-child(2),
  [class*=col_2_1] > div:nth-child(2),
  [class*=col_21] > div:nth-child(2) {
    -ms-grid-column: 3;
    margin-left: 0px;
    margin-right: 0px;
  }
  [class*=col-2-1] > div:nth-child(3),
  [class*=col_2_1] > div:nth-child(3),
  [class*=col_21] > div:nth-child(3) {
    -ms-grid-column: 5;
  }
}
@media only screen and (min-width: 992px) {
  [class*=col-2-1],
  [class*=col_2_1],
  [class*=col_21] {
    grid-template-columns: 610px 290px;
    -ms-grid-columns: 610px 30px 290px;
  }
}
@media only screen and (min-width: 1200px) {
  [class*=col-2-1],
  [class*=col_2_1],
  [class*=col_21] {
    grid-template-columns: 750px 360px;
    -ms-grid-columns: 750px 30px 360px;
  }
}
@media only screen and (min-width: 1440px) {
  [class*=col-2-1],
  [class*=col_2_1],
  [class*=col_21] {
    grid-template-columns: 770px 370px;
    -ms-grid-columns: 770px 30px 370px;
  }
}
.column-block [class*=col-2-1],
.column-block [class*=col_2_1],
.column-block [class*=col_21] {
  grid-gap: 40px;
}
@media only screen and (min-width: 768px) {
  .column-block [class*=col-2-1],
  .column-block [class*=col_2_1],
  .column-block [class*=col_21] {
    grid-gap: 40px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .column-block [class*=col-2-1],
  .column-block [class*=col_2_1],
  .column-block [class*=col_21] {
    grid-gap: 30px;
  }
}

[class*=col2-1-dt] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  [class*=col2-1-dt] {
    -ms-grid-columns: 648px;
    grid-template-columns: 648px;
    grid-gap: 30px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  [class*=col2-1-dt] {
    grid-gap: 30px;
    -ms-grid-columns: 610px 290px;
    grid-template-columns: 610px 290px;
    -ms-grid-columns: 610px 30px 290px;
  }
  [class*=col2-1-dt] > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  [class*=col2-1-dt] > div:nth-child(2) {
    -ms-grid-column: 3;
  }
}
@media only screen and (min-width: 1200px) {
  [class*=col2-1-dt] {
    -ms-grid-columns: 750px 360px;
    grid-template-columns: 750px 360px;
    -ms-grid-columns: 750px 30px 360px;
  }
}
@media only screen and (min-width: 1440px) {
  [class*=col2-1-dt] {
    -ms-grid-columns: 770px 370px;
    grid-template-columns: 770px 370px;
    -ms-grid-columns: 770px 30px 370px;
  }
}
[class*=col2-1-dt].file-block {
  grid-gap: 40px;
}
@media only screen and (min-width: 992px) {
  [class*=col2-1-dt].file-block {
    grid-gap: 30px;
  }
}

.col-4,
[class*=col-bl-4] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .col-4,
  [class*=col-bl-4] {
    -ms-grid-columns: minmax(min-content, 309px) minmax(min-content, 309px);
    grid-template-columns: minmax(min-content, 309px) minmax(min-content, 309px);
    -ms-grid-columns: minmax(min-content, 309px) 30px minmax(min-content, 309px);
    -ms-grid-rows: auto 30px auto;
    grid-gap: 30px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .col-4,
  [class*=col-bl-4] {
    -ms-grid-columns: repeat(4, minmax(auto, 210px));
    grid-template-columns: repeat(4, minmax(auto, 210px));
    -ms-grid-columns: 210px 30px 210px 30px 210px 30px 210px;
  }
}
@media only screen and (min-width: 1200px) {
  .col-4,
  [class*=col-bl-4] {
    -ms-grid-columns: repeat(4, minmax(auto, 262.5px));
    grid-template-columns: repeat(4, minmax(auto, 262.5px));
    -ms-grid-columns: 262.5px 30px 262.5px 30px 262.5px 30px 262.5px;
  }
}
@media only screen and (min-width: 1440px) {
  .col-4,
  [class*=col-bl-4] {
    -ms-grid-columns: repeat(4, minmax(auto, 270px));
    grid-template-columns: repeat(4, minmax(auto, 270px));
    -ms-grid-columns: 270px 30px 270px 30px 270px 30px 270px;
  }
}
.column-block .col-4,
.column-block [class*=col-bl-4] {
  margin-left: 60px;
  margin-right: 60px;
  grid-gap: 40px;
}
@media only screen and (min-width: 768px) {
  .column-block .col-4,
  .column-block [class*=col-bl-4] {
    margin-left: 0;
    margin-right: 0;
    grid-gap: 40px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .column-block .col-4,
  .column-block [class*=col-bl-4] {
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .column-block.aligned-center .col-4, .column-block.circle .col-4,
  .column-block.aligned-center [class*=col-bl-4],
  .column-block.circle [class*=col-bl-4] {
    -ms-grid-columns: repeat(auto-fit, minmax(min-content, 309px));
    grid-template-columns: repeat(auto-fit, minmax(min-content, 309px));
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  .column-block.aligned-center .col-4, .column-block.circle .col-4,
  .column-block.aligned-center [class*=col-bl-4],
  .column-block.circle [class*=col-bl-4] {
    -ms-grid-columns: repeat(auto-fit, minmax(min-content, 210px));
    grid-template-columns: repeat(auto-fit, minmax(min-content, 210px));
  }
}
@media only screen and (min-width: 1200px) {
  .column-block.aligned-center .col-4, .column-block.circle .col-4,
  .column-block.aligned-center [class*=col-bl-4],
  .column-block.circle [class*=col-bl-4] {
    -ms-grid-columns: repeat(auto-fit, minmax(min-content, 262.5px));
    grid-template-columns: repeat(auto-fit, minmax(min-content, 262.5px));
  }
}
@media only screen and (min-width: 1440px) {
  .column-block.aligned-center .col-4, .column-block.circle .col-4,
  .column-block.aligned-center [class*=col-bl-4],
  .column-block.circle [class*=col-bl-4] {
    -ms-grid-columns: repeat(auto-fit, minmax(min-content, 270px));
    grid-template-columns: repeat(auto-fit, minmax(min-content, 270px));
  }
}
@media only screen and (min-width: 768px) {
  .column-block.aligned-center .col-4.odd-t > div:last-child, .column-block.circle .col-4.odd-t > div:last-child,
  .column-block.aligned-center [class*=col-bl-4].odd-t > div:last-child,
  .column-block.circle [class*=col-bl-4].odd-t > div:last-child {
    grid-column: 1/3;
    max-width: 309px;
    margin: auto;
  }
}
@media only screen and (min-width: 992px) {
  .column-block.aligned-center .col-4.odd-t > div:last-child, .column-block.circle .col-4.odd-t > div:last-child,
  .column-block.aligned-center [class*=col-bl-4].odd-t > div:last-child,
  .column-block.circle [class*=col-bl-4].odd-t > div:last-child {
    grid-column: auto;
    max-width: inherit;
    margin: 0;
  }
}
.column-block.aligned-left .col-4,
.column-block.aligned-left [class*=col-bl-4] {
  margin-left: 20px;
  margin-right: 80px;
}
.rtl .column-block.aligned-left .col-4,
.rtl .column-block.aligned-left [class*=col-bl-4] {
  margin-left: 80px;
  margin-right: 20px;
}
.rtl .column-block.aligned-left .col-4,
.rtl .column-block.aligned-left [class*=col-bl-4] {
  margin-right: 20px;
  margin-left: 20px;
}
@media only screen and (min-width: 768px) {
  .column-block.aligned-left .col-4,
  .column-block.aligned-left [class*=col-bl-4] {
    margin-left: 0;
    margin-right: 0;
  }
  .rtl .column-block.aligned-left .col-4,
  .rtl .column-block.aligned-left [class*=col-bl-4] {
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .column-block.aligned-left .col-4.odd-t > div:last-child,
  .column-block.aligned-left [class*=col-bl-4].odd-t > div:last-child {
    grid-column: 1/3;
    max-width: 309px;
    margin: auto;
  }
}
@media only screen and (min-width: 992px) {
  .column-block.aligned-left .col-4.odd-t > div:last-child,
  .column-block.aligned-left [class*=col-bl-4].odd-t > div:last-child {
    grid-column: auto;
    max-width: inherit;
    margin: 0;
  }
}

[class*=col-bl-4] {
  margin-left: 60px;
  margin-right: 60px;
}
@media only screen and (min-width: 768px) {
  [class*=col-bl-4] {
    margin-left: 0;
    margin-right: 0;
  }
}

[class*=col4-flex] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  [class*=col4-flex] {
    margin-left: 0;
    margin-right: 0;
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-columns: 1fr 30px 1fr;
    grid-gap: 30px;
  }
  [class*=col4-flex] > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  [class*=col4-flex] > div:nth-child(2) {
    -ms-grid-column: 3;
  }
}
@media only screen and (min-width: 992px) {
  [class*=col4-flex] {
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  }
  [class*=col4-flex] > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  [class*=col4-flex] > div:nth-child(2) {
    -ms-grid-column: 3;
  }
  [class*=col4-flex] > div:nth-child(3) {
    -ms-grid-column: 5;
  }
  [class*=col4-flex] > div:nth-child(4) {
    -ms-grid-column: 7;
  }
}

[class*=col3-1] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  grid-gap: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  [class*=col3-1] {
    -ms-grid-columns: 648px;
    grid-template-columns: 648px;
    grid-gap: 30px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 992px) {
  [class*=col3-1] {
    -ms-grid-columns: 690px 210px;
    grid-template-columns: 690px 210px;
    -ms-grid-columns: 690px 30px 210px;
  }
  [class*=col3-1] > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  [class*=col3-1] > div:nth-child(2) {
    -ms-grid-column: 3;
  }
}
@media only screen and (min-width: 1200px) {
  [class*=col3-1] {
    -ms-grid-columns: 847.5px 262.5px;
    grid-template-columns: 847.5px 262.5px;
    -ms-grid-columns: 847.5px 30px 262.5px;
  }
}
@media only screen and (min-width: 1440px) {
  [class*=col3-1] {
    -ms-grid-columns: 870px 270px;
    grid-template-columns: 870px 270px;
    -ms-grid-columns: 870px 30px 270px;
  }
}

.text,
.text_long,
.text-long {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .text,
  .text_long,
  .text-long {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 648px;
  }
}
@media only screen and (min-width: 992px) {
  .text,
  .text_long,
  .text-long {
    max-width: 770px;
  }
}

.f2col {
  width: 200px;
}
@media only screen and (min-width: 768px) {
  .f2col {
    width: 309px;
  }
}
@media only screen and (min-width: 992px) {
  .f2col {
    width: 450px;
  }
}
@media only screen and (min-width: 1200px) {
  .f2col {
    width: 555px;
  }
}
@media only screen and (min-width: 1440px) {
  .f2col {
    width: 570px;
  }
}

.f3col-f {
  width: 320px;
}
@media only screen and (min-width: 768px) {
  .f3col-f {
    width: 280px;
  }
}
@media only screen and (min-width: 992px) {
  .f3col-f {
    width: 368px;
  }
}
@media only screen and (min-width: 1200px) {
  .f3col-f {
    width: 446px;
  }
}
@media only screen and (min-width: 1440px) {
  .f3col-f {
    width: 400px;
  }
}

.f3col {
  width: 200px;
}
@media only screen and (min-width: 768px) {
  .f3col {
    width: 196px;
  }
}
@media only screen and (min-width: 992px) {
  .f3col {
    width: 290px;
  }
}
@media only screen and (min-width: 1200px) {
  .f3col {
    width: 360px;
  }
}
@media only screen and (min-width: 1440px) {
  .f3col {
    width: 370px;
  }
}

.f4col {
  width: 280px;
}
@media only screen and (min-width: 768px) {
  .f4col {
    width: 308px;
  }
}
@media only screen and (min-width: 992px) {
  .f4col {
    width: 270px;
  }
}

.footer-links-container {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 280px;
  grid-template-columns: 280px;
}
@media only screen and (min-width: 768px) {
  .footer-links-container {
    -ms-grid-columns: repeat(3, minmax(min-content, 210px));
    grid-template-columns: repeat(3, minmax(min-content, 210px));
    -ms-grid-columns: 210px 30px 210px 30px 210px;
    grid-gap: 30px;
  }
  .footer-links-container > div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  .footer-links-container > div:nth-child(2) {
    -ms-grid-column: 3;
  }
  .footer-links-container > div:nth-child(3) {
    -ms-grid-column: 5;
  }
}
@media only screen and (min-width: 992px) {
  .footer-links-container {
    -ms-grid-columns: repeat(auto-fit, minmax(min-content, 210px));
    grid-template-columns: repeat(auto-fit, minmax(min-content, 210px));
    -ms-grid-columns: 210px 30px 210px 30px 210px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-links-container {
    -ms-grid-columns: repeat(auto-fit, minmax(min-content, 262.5px));
    grid-template-columns: repeat(auto-fit, minmax(min-content, 262.5px));
    -ms-grid-columns: 262.5px 30px 262.5px 30px 262.5px;
  }
}
@media only screen and (min-width: 1440px) {
  .footer-links-container {
    -ms-grid-columns: repeat(auto-fit, minmax(min-content, 270px));
    grid-template-columns: repeat(auto-fit, minmax(min-content, 270px));
    -ms-grid-columns: 270px 30px 270px 30px 270px;
  }
}

/* UTILITIES END */
/* ATOMS START */
.video-controls {
  position: absolute;
  top: 0;
  display: flex;
  align-items: flex-end;
  margin-top: 12px;
  right: 12px;
  transform: translateX(-50%);
  left: 50%;
  max-width: calc(100% - 40px);
  z-index: 9;
}
.rtl .video-controls {
  right: 50%;
  left: 12px;
  transform: translateX(50%);
}
.video-controls svg.button--video-controls path {
  pointer-events: none;
}

.video-controls__button {
  border: none;
  padding: 0;
  border-radius: 50%;
  background-color: #ffffff;
  width: 44px;
  height: 44px;
  min-width: 0;
}
.video-controls__button .button--video-controls__play,
.video-controls__button .button--video-controls__pause {
  color: #000000;
  width: 40px;
  height: 43px;
}
@media only screen and (min-width: 992px) {
  .video-controls__button {
    transition: background-color 0.2s ease-in-out;
  }
  .video-controls__button .button--video-controls {
    transition: color 0.2s ease-in-out;
  }
  .video-controls__button:hover {
    background-color: #000000;
  }
  .video-controls__button:hover .button--video-controls {
    color: #ffffff;
    fill: #ffffff;
  }
}

/* ============================================================================
   COMPONENTS -> LOADING
   ========================================================================= */
/**
 * Component for the loading icon
 *
 * @markup
 * <div class="c-loading"></div>
 */
.c-loading.is-loading {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-color: #03a9f4;
  border-radius: 50%;
  z-index: 99;
}
.c-loading.is-loading:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  border: 0px solid white;
  transform: translate(-50%, -50%);
  animation: bubble 1000ms ease-out forwards infinite;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bubble {
  0% {
    border: 0 solid white;
    width: 0;
    height: 0;
  }
  10% {
    border: 8px solid white;
  }
  50% {
    border: 8px solid white;
  }
  80% {
    border: 4px solid rgba(28, 171, 226, 0.3);
    width: 130%;
    height: 130%;
  }
  100% {
    border: 4px solid rgba(28, 171, 226, 0.1);
    width: 130%;
    height: 130%;
  }
}
.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

html.wf-inactive {
  font-family: "CRoboto", sans-serif;
}
html.wf-inactive body,
html.wf-inactive button,
html.wf-inactive input,
html.wf-inactive select,
html.wf-inactive textarea {
  font-family: "CRoboto", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.ui-widget,
.daterangepicker {
  font-family: "Roboto", sans-serif;
}
.rtl html,
.rtl body,
.rtl button,
.rtl input,
.rtl select,
.rtl textarea,
.rtl .ui-widget,
.rtl .daterangepicker {
  font-family: inherit;
}

html[lang=zh-hans], html[lang=zh-hans] html,
body[lang=zh-hans],
html[lang=zh-hans] body,
button[lang=zh-hans],
html[lang=zh-hans] button,
input[lang=zh-hans],
html[lang=zh-hans] input,
select[lang=zh-hans],
html[lang=zh-hans] select,
div[lang=zh-hans],
html[lang=zh-hans] div,
textarea[lang=zh-hans],
html[lang=zh-hans] textarea,
.ui-widget[lang=zh-hans],
html[lang=zh-hans] .ui-widget,
.daterangepicker[lang=zh-hans],
html[lang=zh-hans] .daterangepicker {
  font-family: Roboto, Heiti SC, Microsoft Yahei, simsun, sans-serif;
}
html[lang=ar], html[lang=ar] html,
body[lang=ar],
html[lang=ar] body,
button[lang=ar],
html[lang=ar] button,
input[lang=ar],
html[lang=ar] input,
select[lang=ar],
html[lang=ar] select,
div[lang=ar],
html[lang=ar] div,
textarea[lang=ar],
html[lang=ar] textarea,
.ui-widget[lang=ar],
html[lang=ar] .ui-widget,
.daterangepicker[lang=ar],
html[lang=ar] .daterangepicker {
  font-family: "Droid Arabic Kufi", sans-serif !important;
}
html[lang=bg], html[lang=bg] html,
body[lang=bg],
html[lang=bg] body,
button[lang=bg],
html[lang=bg] button,
input[lang=bg],
html[lang=bg] input,
select[lang=bg],
html[lang=bg] select,
div[lang=bg],
html[lang=bg] div,
textarea[lang=bg],
html[lang=bg] textarea,
.ui-widget[lang=bg],
html[lang=bg] .ui-widget,
.daterangepicker[lang=bg],
html[lang=bg] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=sq], html[lang=sq] html,
body[lang=sq],
html[lang=sq] body,
button[lang=sq],
html[lang=sq] button,
input[lang=sq],
html[lang=sq] input,
select[lang=sq],
html[lang=sq] select,
div[lang=sq],
html[lang=sq] div,
textarea[lang=sq],
html[lang=sq] textarea,
.ui-widget[lang=sq],
html[lang=sq] .ui-widget,
.daterangepicker[lang=sq],
html[lang=sq] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=az], html[lang=az] html,
body[lang=az],
html[lang=az] body,
button[lang=az],
html[lang=az] button,
input[lang=az],
html[lang=az] input,
select[lang=az],
html[lang=az] select,
div[lang=az],
html[lang=az] div,
textarea[lang=az],
html[lang=az] textarea,
.ui-widget[lang=az],
html[lang=az] .ui-widget,
.daterangepicker[lang=az],
html[lang=az] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=be], html[lang=be] html,
body[lang=be],
html[lang=be] body,
button[lang=be],
html[lang=be] button,
input[lang=be],
html[lang=be] input,
select[lang=be],
html[lang=be] select,
div[lang=be],
html[lang=be] div,
textarea[lang=be],
html[lang=be] textarea,
.ui-widget[lang=be],
html[lang=be] .ui-widget,
.daterangepicker[lang=be],
html[lang=be] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=bs], html[lang=bs] html,
body[lang=bs],
html[lang=bs] body,
button[lang=bs],
html[lang=bs] button,
input[lang=bs],
html[lang=bs] input,
select[lang=bs],
html[lang=bs] select,
div[lang=bs],
html[lang=bs] div,
textarea[lang=bs],
html[lang=bs] textarea,
.ui-widget[lang=bs],
html[lang=bs] .ui-widget,
.daterangepicker[lang=bs],
html[lang=bs] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=hr], html[lang=hr] html,
body[lang=hr],
html[lang=hr] body,
button[lang=hr],
html[lang=hr] button,
input[lang=hr],
html[lang=hr] input,
select[lang=hr],
html[lang=hr] select,
div[lang=hr],
html[lang=hr] div,
textarea[lang=hr],
html[lang=hr] textarea,
.ui-widget[lang=hr],
html[lang=hr] .ui-widget,
.daterangepicker[lang=hr],
html[lang=hr] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=id], html[lang=id] html,
body[lang=id],
html[lang=id] body,
button[lang=id],
html[lang=id] button,
input[lang=id],
html[lang=id] input,
select[lang=id],
html[lang=id] select,
div[lang=id],
html[lang=id] div,
textarea[lang=id],
html[lang=id] textarea,
.ui-widget[lang=id],
html[lang=id] .ui-widget,
.daterangepicker[lang=id],
html[lang=id] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=kk], html[lang=kk] html,
body[lang=kk],
html[lang=kk] body,
button[lang=kk],
html[lang=kk] button,
input[lang=kk],
html[lang=kk] input,
select[lang=kk],
html[lang=kk] select,
div[lang=kk],
html[lang=kk] div,
textarea[lang=kk],
html[lang=kk] textarea,
.ui-widget[lang=kk],
html[lang=kk] .ui-widget,
.daterangepicker[lang=kk],
html[lang=kk] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=cnr], html[lang=cnr] html,
body[lang=cnr],
html[lang=cnr] body,
button[lang=cnr],
html[lang=cnr] button,
input[lang=cnr],
html[lang=cnr] input,
select[lang=cnr],
html[lang=cnr] select,
div[lang=cnr],
html[lang=cnr] div,
textarea[lang=cnr],
html[lang=cnr] textarea,
.ui-widget[lang=cnr],
html[lang=cnr] .ui-widget,
.daterangepicker[lang=cnr],
html[lang=cnr] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=ro], html[lang=ro] html,
body[lang=ro],
html[lang=ro] body,
button[lang=ro],
html[lang=ro] button,
input[lang=ro],
html[lang=ro] input,
select[lang=ro],
html[lang=ro] select,
div[lang=ro],
html[lang=ro] div,
textarea[lang=ro],
html[lang=ro] textarea,
.ui-widget[lang=ro],
html[lang=ro] .ui-widget,
.daterangepicker[lang=ro],
html[lang=ro] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=rum], html[lang=rum] html,
body[lang=rum],
html[lang=rum] body,
button[lang=rum],
html[lang=rum] button,
input[lang=rum],
html[lang=rum] input,
select[lang=rum],
html[lang=rum] select,
div[lang=rum],
html[lang=rum] div,
textarea[lang=rum],
html[lang=rum] textarea,
.ui-widget[lang=rum],
html[lang=rum] .ui-widget,
.daterangepicker[lang=rum],
html[lang=rum] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=tg], html[lang=tg] html,
body[lang=tg],
html[lang=tg] body,
button[lang=tg],
html[lang=tg] button,
input[lang=tg],
html[lang=tg] input,
select[lang=tg],
html[lang=tg] select,
div[lang=tg],
html[lang=tg] div,
textarea[lang=tg],
html[lang=tg] textarea,
.ui-widget[lang=tg],
html[lang=tg] .ui-widget,
.daterangepicker[lang=tg],
html[lang=tg] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=tr], html[lang=tr] html,
body[lang=tr],
html[lang=tr] body,
button[lang=tr],
html[lang=tr] button,
input[lang=tr],
html[lang=tr] input,
select[lang=tr],
html[lang=tr] select,
div[lang=tr],
html[lang=tr] div,
textarea[lang=tr],
html[lang=tr] textarea,
.ui-widget[lang=tr],
html[lang=tr] .ui-widget,
.daterangepicker[lang=tr],
html[lang=tr] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=uz], html[lang=uz] html,
body[lang=uz],
html[lang=uz] body,
button[lang=uz],
html[lang=uz] button,
input[lang=uz],
html[lang=uz] input,
select[lang=uz],
html[lang=uz] select,
div[lang=uz],
html[lang=uz] div,
textarea[lang=uz],
html[lang=uz] textarea,
.ui-widget[lang=uz],
html[lang=uz] .ui-widget,
.daterangepicker[lang=uz],
html[lang=uz] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=vi], html[lang=vi] html,
body[lang=vi],
html[lang=vi] body,
button[lang=vi],
html[lang=vi] button,
input[lang=vi],
html[lang=vi] input,
select[lang=vi],
html[lang=vi] select,
div[lang=vi],
html[lang=vi] div,
textarea[lang=vi],
html[lang=vi] textarea,
.ui-widget[lang=vi],
html[lang=vi] .ui-widget,
.daterangepicker[lang=vi],
html[lang=vi] .daterangepicker {
  font-family: "Noto Sans", sans-serif !important;
}
html[lang=ka], html[lang=ka] html,
body[lang=ka],
html[lang=ka] body,
button[lang=ka],
html[lang=ka] button,
input[lang=ka],
html[lang=ka] input,
select[lang=ka],
html[lang=ka] select,
div[lang=ka],
html[lang=ka] div,
textarea[lang=ka],
html[lang=ka] textarea,
.ui-widget[lang=ka],
html[lang=ka] .ui-widget,
.daterangepicker[lang=ka],
html[lang=ka] .daterangepicker {
  font-family: "Noto Sans Georgian", sans-serif !important;
}
html[lang=fa], html[lang=fa] html,
body[lang=fa],
html[lang=fa] body,
button[lang=fa],
html[lang=fa] button,
input[lang=fa],
html[lang=fa] input,
select[lang=fa],
html[lang=fa] select,
div[lang=fa],
html[lang=fa] div,
textarea[lang=fa],
html[lang=fa] textarea,
.ui-widget[lang=fa],
html[lang=fa] .ui-widget,
.daterangepicker[lang=fa],
html[lang=fa] .daterangepicker {
  font-family: "Noto Sans Arabic", sans-serif !important;
}
html[lang=hy], html[lang=hy] html,
body[lang=hy],
html[lang=hy] body,
button[lang=hy],
html[lang=hy] button,
input[lang=hy],
html[lang=hy] input,
select[lang=hy],
html[lang=hy] select,
div[lang=hy],
html[lang=hy] div,
textarea[lang=hy],
html[lang=hy] textarea,
.ui-widget[lang=hy],
html[lang=hy] .ui-widget,
.daterangepicker[lang=hy],
html[lang=hy] .daterangepicker {
  font-family: "Noto Sans Armenian", sans-serif !important;
}
html[lang=km], html[lang=km] html,
body[lang=km],
html[lang=km] body,
button[lang=km],
html[lang=km] button,
input[lang=km],
html[lang=km] input,
select[lang=km],
html[lang=km] select,
div[lang=km],
html[lang=km] div,
textarea[lang=km],
html[lang=km] textarea,
.ui-widget[lang=km],
html[lang=km] .ui-widget,
.daterangepicker[lang=km],
html[lang=km] .daterangepicker {
  font-family: "Noto Sans Khmer", sans-serif !important;
}
html[lang=ta], html[lang=ta] html,
body[lang=ta],
html[lang=ta] body,
button[lang=ta],
html[lang=ta] button,
input[lang=ta],
html[lang=ta] input,
select[lang=ta],
html[lang=ta] select,
div[lang=ta],
html[lang=ta] div,
textarea[lang=ta],
html[lang=ta] textarea,
.ui-widget[lang=ta],
html[lang=ta] .ui-widget,
.daterangepicker[lang=ta],
html[lang=ta] .daterangepicker {
  font-family: "Noto Sans Tamil", sans-serif !important;
}
html[lang=th], html[lang=th] html,
body[lang=th],
html[lang=th] body,
button[lang=th],
html[lang=th] button,
input[lang=th],
html[lang=th] input,
select[lang=th],
html[lang=th] select,
div[lang=th],
html[lang=th] div,
textarea[lang=th],
html[lang=th] textarea,
.ui-widget[lang=th],
html[lang=th] .ui-widget,
.daterangepicker[lang=th],
html[lang=th] .daterangepicker {
  font-family: "Noto Sans Thai", sans-serif !important;
}
html[lang=my], html[lang=my] html,
body[lang=my],
html[lang=my] body,
button[lang=my],
html[lang=my] button,
input[lang=my],
html[lang=my] input,
select[lang=my],
html[lang=my] select,
div[lang=my],
html[lang=my] div,
textarea[lang=my],
html[lang=my] textarea,
.ui-widget[lang=my],
html[lang=my] .ui-widget,
.daterangepicker[lang=my],
html[lang=my] .daterangepicker {
  font-family: "Noto Sans Myanmar", sans-serif !important;
}

body, .body1, h6 {
  font-size: 18px;
}
@media only screen and (min-width: 992px) {
  body, .body1, h6 {
    font-size: 19px;
  }
}

.body1, h6, .text-long, .text_with_summary, .text_long, .text_long > p {
  line-height: 28px;
}
@media only screen and (min-width: 992px) {
  .body1, h6, .text-long, .text_with_summary, .text_long, .text_long > p {
    line-height: 31px;
  }
}

span[textlang=ar] {
  font-family: "Droid Arabic Kufi", sans-serif !important;
}

.text-subtitle {
  font-size: 22px;
  line-height: 29px;
}
@media only screen and (min-width: 992px) {
  .text-subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

.text-small, .body2 {
  font-size: 16px;
  line-height: 22px;
}

.text-medium, .text-medium-link a {
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (min-width: 768px) {
  .text-medium, .text-medium-link a {
    font-size: 16px;
    line-height: 22px;
  }
}

.text-large {
  font-size: 16px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .text-large {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 992px) {
  .text-large {
    font-size: 19px;
    line-height: 31px;
  }
}

.note, .taxonomy_term.name, .xsmall {
  font-size: 12px;
  line-height: 16px;
}

.note {
  font-weight: 400;
}

hr {
  border-top-width: 1px;
  border-top-style: solid;
}

.bold {
  font-weight: bold;
}

.shadow {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.caption {
  font-style: italic;
  font-size: 15px;
  line-height: 20px;
}
.rtl .caption {
  font-style: normal;
}
html[lang=zh-hans] body .caption, html[lang=ar] body .caption, html[lang=hy] body .caption, html[lang=bn] body .caption, html[lang=my] body .caption, html[lang=hi] body .caption, html[lang=ps] body .caption, html[lang=fa] body .caption, html[lang=ja] body .caption {
  font-style: normal;
}

.text-smaller-input {
  font-size: 14px;
  line-height: 18px;
}

.mb-short-title {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
.rtl .mb-short-title {
  line-height: inherit;
}
@media only screen and (min-width: 768px) {
  .mb-short-title {
    font-size: 20px;
    line-height: 27px;
  }
  .rtl .mb-short-title {
    line-height: inherit;
  }
}
@media only screen and (min-width: 992px) {
  .mb-short-title {
    font-size: 24px;
    line-height: 32px;
  }
  .rtl .mb-short-title {
    line-height: inherit;
  }
}

.mb-subtitle {
  font-size: 22px;
  line-height: 29px;
  padding: 0px;
}
.rtl .mb-subtitle {
  line-height: 42px;
}
@media only screen and (min-width: 768px) {
  .mb-subtitle {
    padding: 0 10px;
    letter-spacing: -0.43px;
  }
}
@media only screen and (min-width: 992px) {
  .mb-subtitle {
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -0.8px;
  }
  .rtl .mb-subtitle {
    line-height: 50px;
  }
}

.dropdown-title {
  font-size: 24px;
  line-height: 31px;
}
@media only screen and (min-width: 992px) {
  .dropdown-title {
    font-size: 30px;
    line-height: 38px;
  }
}

span.btntext {
  display: flex;
}

a.btntext, span.btntext {
  font-size: 14px;
  line-height: 18px;
  text-align: inherit;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 0;
  align-items: baseline;
  max-width: max-content;
  word-wrap: unset;
}
.aligned-center a.btntext, .aligned-center span.btntext {
  margin-left: auto;
  margin-right: auto;
}
a.btntext:before, span.btntext:before {
  font-family: Unicef;
  font-size: 12px;
  content: "\e947";
}
.rtl a.btntext:before, .rtl span.btntext:before {
  content: "\e948";
}
a.btntext:focus, span.btntext:focus {
  display: inline-block;
  outline-color: transparent;
  outline-style: unset;
  position: relative;
}
a.btntext:focus::after, span.btntext:focus::after {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  content: "";
  display: inline-block;
  outline: 2px solid black; /* Outer black border */
  outline-offset: 2px; /* Offset to account for transparent and blue space */
  box-shadow: 0 0 0 2px #00AEEF;
  border-radius: 5px;
  z-index: 1;
  pointer-events: none;
}
a.btntext:hover:not(.disabled), a.btntext:active:not(.disabled), a.btntext.focused:not(.disabled), a.btntext.pressed:not(.disabled), span.btntext:hover:not(.disabled), span.btntext:active:not(.disabled), span.btntext.focused:not(.disabled), span.btntext.pressed:not(.disabled) {
  text-decoration-style: solid;
  text-decoration-line: underline;
}

.cta-button.rest-button-text, .cta-button.hover-button-text:hover, .cta-button.pressed-button-text:focus, .cta-button.dis-button-text.disabled {
  box-shadow: none;
  min-width: 0 !important;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  text-align: inherit;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 0;
  align-items: baseline;
  max-width: max-content;
  word-wrap: unset;
}
.aligned-center .cta-button.rest-button-text, .aligned-center .cta-button.hover-button-text:hover, .aligned-center .cta-button.pressed-button-text:focus, .aligned-center .cta-button.dis-button-text.disabled {
  margin-left: auto;
  margin-right: auto;
}
.cta-button.rest-button-text:before, .cta-button.hover-button-text:hover:before, .cta-button.pressed-button-text:focus:before, .cta-button.dis-button-text.disabled:before {
  font-family: Unicef;
  font-size: 12px;
  content: "\e947";
}
.rtl .cta-button.rest-button-text:before, .rtl .cta-button.hover-button-text:hover:before, .rtl .cta-button.pressed-button-text:focus:before, .rtl .cta-button.dis-button-text.disabled:before {
  content: "\e948";
}
.cta-button.rest-button-text:hover, .cta-button.hover-button-text:hover:hover, .cta-button.pressed-button-text:focus:hover, .cta-button.dis-button-text.disabled:hover {
  text-decoration: underline;
}
.cta-button.rest-button-text, .cta-button.pressed-button-text, .cta-button.dis-button-text.disabled {
  text-decoration: none;
}
.cta-button.rest-button-text:focus:before, .cta-button.pressed-button-text:focus:before, .cta-button.dis-button-text.disabled:focus:before {
  font-family: Unicef;
  font-size: 12px;
  content: "\e947" !important;
  position: static !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.rtl .cta-button.rest-button-text:focus:before, .rtl .cta-button.pressed-button-text:focus:before, .rtl .cta-button.dis-button-text.disabled:focus:before {
  content: "\e948" !important;
}
.cta-button.rest-button-text:focus:after, .cta-button.pressed-button-text:focus:after, .cta-button.dis-button-text.disabled:focus:after {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  content: "";
  display: inline-block;
  outline: 2px solid black;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #00AEEF;
  border-radius: 5px;
}

.tagline {
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .tagline {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 992px) {
  .tagline {
    font-size: 19px;
    line-height: 31px;
  }
}

.text-style-table, table tbody tr, table {
  font-size: 12px;
  line-height: 16px;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .text-style-table, table tbody tr, table {
    font-size: 16px;
    line-height: 22px;
  }
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
table caption {
  caption-side: top;
  text-align: center;
  padding: 16px;
}
table thead {
  color: #FFFFFF;
}
table thead th {
  font-weight: bold;
  padding: 8px 10px 10px 10px;
  border-right: 1px solid #FFFFFF;
}
@media only screen and (min-width: 768px) {
  table thead th {
    padding: 11px 10px 11px 10px;
  }
}
table thead th:last-child {
  border-right: 1px solid #FFFFFF !important;
}
table tbody {
  border: none;
}
table tbody tr {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
table td, table th {
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  table td, table th {
    padding: 16px 30px 16px 16px;
  }
}
@media only screen and (min-width: 768px) {
  table td:last-child {
    padding: 16px 16px 16px 16px !important;
  }
}

.rtl table {
  text-align: right;
}
.rtl table th {
  border-left: 1px solid #FFFFFF;
}

button.btn--share,
a.btn.btn--share {
  -webkit-border-radius: 35px;
  border-radius: 35px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  display: block;
  width: 56px;
  height: 56px;
  min-width: 56px;
  transition: all ease 0.3s;
}
button.btn--share::before,
a.btn.btn--share::before {
  border-radius: 50% !important;
}
button.btn--share:after,
a.btn.btn--share:after {
  font-family: "Unicef";
  content: "\e917";
  font-size: 24px;
  line-height: 24px;
  top: 50%;
  text-align: center;
  left: 47%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}
button.btn--share.expanded,
a.btn.btn--share.expanded {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
button.btn--share.expanded:after,
a.btn.btn--share.expanded:after {
  content: "\e932";
  left: 50%;
}
button.btn--share:active,
a.btn.btn--share:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.sharethis-wrapper .stButton .stLarge {
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  opacity: 0;
  height: 40px;
  width: 40px;
  transition: opacity ease 1s;
  background-position: center;
}
.sharethis-wrapper .stButton .stLarge.show-share {
  opacity: 1;
}

.st_twitter_large .stLarge {
  background: url("../../assets/images/icons/twitter_x.png") !important;
  background-position: center center !important;
}

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}
.selectric-primary .selectric-wrapper {
  display: block;
  width: 160px;
  font-weight: bold;
}
@media (min-width: 400px) {
  .selectric-primary .selectric-wrapper {
    width: 230px;
  }
}
.selectric-secondary .selectric-wrapper {
  font-weight: 500;
}
.selectric-grey .selectric-wrapper {
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper {
    width: 500px;
    margin: auto;
  }
}
.selectric-wrapper .selectric {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .selectric-wrapper .selectric {
    min-width: 400px;
  }
}
@media only screen and (min-width: 992px) {
  .selectric-wrapper .selectric {
    min-width: 280px;
  }
}
.selectric-primary .selectric-wrapper .selectric {
  border-style: solid;
  border-width: 3px;
  background-color: transparent;
  font-size: 14px;
  box-shadow: unset;
  min-width: auto;
}
.selectric-primary .selectric-wrapper .selectric:hover {
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper .selectric {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    min-width: 400px;
  }
}
@media only screen and (min-width: 992px) {
  .selectric-big .selectric-wrapper .selectric {
    min-width: 280px;
  }
}
.selectric-wrapper.selectric-open.selectric-above .selectric {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper.selectric-open.selectric-above .selectric {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

.selectric-wrapper.selectric-open.selectric-below .selectric {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.selectric-primary .selectric-wrapper.selectric-open.selectric-below .selectric {
  background-color: #ffffff;
  border-width: 3px;
  border-style: solid;
  border-color: white;
  box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.175);
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper.selectric-open.selectric-below .selectric {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

.selectric-wrapper .selectric .label {
  font-size: 20px;
  line-height: 26px;
  padding: 6px 10px;
  margin: 0;
  height: 38px;
  margin-right: 38px;
  border-right-width: 1px;
  border-right-color: #ABBBC1;
  border-right-style: solid;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rtl .selectric-wrapper .selectric .label {
  margin-left: 38px;
  border-left-width: 1px;
  border-left-color: #ABBBC1;
  border-left-style: solid;
  margin-right: 0;
  border-right: unset;
}
.selectric-primary .selectric-wrapper .selectric .label {
  font-size: 14px;
  line-height: 18px;
  height: auto;
  text-align: left;
  border-right: unset;
  padding: 7px 12px;
}
.rtl .selectric-primary .selectric-wrapper .selectric .label {
  text-align: right;
  border-left: unset;
}
.selectric-grey .selectric-wrapper .selectric .label {
  font-size: 14px;
  line-height: 18px;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper .selectric .label {
    font-size: 34px;
    line-height: 38px;
    padding: 16px 22px;
    height: auto;
    margin-right: 70px;
  }
  .rtl .selectric-big .selectric-wrapper .selectric .label {
    margin-left: 70px;
    margin-right: 0px;
  }
}
.selectric-wrapper .selectric b {
  position: absolute;
  top: 13px;
  right: 12.5px;
  font-size: 12px;
}
.selectric-wrapper .selectric b::before {
  font-family: "Unicef";
  content: "\e94a";
}
.rtl .selectric-wrapper .selectric b {
  top: 10px;
  left: 12.5px;
  right: auto;
}
.selectric-primary .selectric-wrapper .selectric b {
  top: 9px;
}
.rtl .selectric-primary .selectric-wrapper .selectric b {
  top: 8px;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper .selectric b {
    top: 23px;
    right: 23px;
    font-size: 24px;
  }
  .rtl .selectric-big .selectric-wrapper .selectric b {
    top: 16px;
    left: 23px;
    right: auto;
  }
}
.selectric-wrapper.selectric-open .selectric b {
  transform: rotate(180deg);
  top: 11px;
}
.rtl .selectric-wrapper.selectric-open .selectric b {
  top: 8px;
}
.selectric-primary .selectric-wrapper.selectric-open .selectric b {
  transform: rotate(180deg);
  top: 8px;
  right: 12px;
}
.rtl .selectric-primary .selectric-wrapper.selectric-open .selectric b {
  top: 3px;
  right: unset;
  left: 12px;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper.selectric-open .selectric b {
    transform: rotate(180deg);
    top: 17px;
  }
  .rtl .selectric-big .selectric-wrapper.selectric-open .selectric b {
    top: 8px;
  }
}

.selectric-wrapper .selectric:hover {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.selectric-wrapper.selectric-open .selectric,
.selectric-wrapper.selectric-open .selectric-items {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.selectric-wrapper .selectric-items {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0);
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #f8f8f8;
}
.rtl .selectric-wrapper .selectric-items {
  right: 0;
  left: unset;
}
.selectric-primary .selectric-wrapper .selectric-items {
  color: #333333;
  font-weight: bold;
  background-color: #ffffff;
  border: unset;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.selectric-wrapper.selectric-open .selectric-items {
  display: block;
  z-index: 9999;
}

.selectric-wrapper.selectric-open.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ABBBC1;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.14);
}
.selectric-wrapper.selectric-open.selectric-above .selectric-items .selectric-scroll {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper.selectric-open.selectric-above .selectric-items {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .selectric-big .selectric-wrapper.selectric-open.selectric-above .selectric-items .selectric-scroll {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}

.selectric-wrapper.selectric-open.selectric-below .selectric-items {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ABBBC1;
}
.selectric-wrapper.selectric-open.selectric-below .selectric-items .selectric-scroll {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.selectric-primary .selectric-wrapper.selectric-open.selectric-below .selectric-items {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px;
  border-top: unset;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper.selectric-open.selectric-below .selectric-items {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .selectric-big .selectric-wrapper.selectric-open.selectric-below .selectric-items .selectric-scroll {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

.selectric-wrapper .selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-wrapper .selectric-items .selectric-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}
.selectric-wrapper .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c1c1c1;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper .selectric-items .selectric-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
  }
  .selectric-big .selectric-wrapper .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #c1c1c1;
  }
}
.selectric-wrapper .selectric-items ul {
  list-style: none;
  padding: 0;
  line-height: 20px;
  min-height: 20px;
}
.selectric-wrapper .selectric-items li {
  display: block;
  list-style: none;
  cursor: pointer;
  font-size: 20px;
  line-height: 26px;
  padding: 6px 10px;
  margin: 0;
  height: auto;
  background-color: #ffffff;
}
.selectric-primary .selectric-wrapper .selectric-items li {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  padding: 8px 12px;
  height: auto;
}
html[dir=rtl] .selectric-primary .selectric-wrapper .selectric-items li {
  text-align: right;
}
.selectric-wrapper .selectric-items li:hover, .selectric-wrapper .selectric-items li:focus, .selectric-wrapper .selectric-items li.highlighted, .selectric-wrapper .selectric-items li.selected {
  background-color: #f1f1f1;
}
.selectric-wrapper .selectric-items li.highlighted:not(:hover) {
  display: inline-block;
  outline-color: transparent;
  outline-style: unset;
  position: relative;
  display: block;
}
.selectric-wrapper .selectric-items li.highlighted:not(:hover)::before {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  content: "";
  display: inline-block;
  outline: 2px solid black; /* Outer black border */
  outline-offset: 2px; /* Offset to account for transparent and blue space */
  box-shadow: 0 0 0 2px #00AEEF;
  border-radius: 5px;
  z-index: 1;
  pointer-events: none;
}
.selectric-wrapper .selectric-items li.highlighted:not(:hover)::before {
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
}
.selectric-wrapper .selectric-items li:active {
  background-color: #c1c1c1;
}
.selectric-grey .selectric-wrapper .selectric-items li {
  font-size: 14px;
  line-height: 18px;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .selectric-big .selectric-wrapper .selectric-items li {
    font-size: 34px;
    line-height: 38px;
    padding: 16px 22px;
  }
}
.selectric-wrapper .selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
}
.rtl .selectric-wrapper .selectric-items .selectric-group .selectric-group-label {
  padding-right: 10px;
}
.selectric-wrapper .selectric-items .selectric-group li {
  padding-left: 25px;
}
.rtl .selectric-wrapper .selectric-items .selectric-group li {
  padding-right: 25px;
}
.selectric-wrapper .selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-wrapper .selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-wrapper .selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}
.selectric-wrapper .selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-wrapper .selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-wrapper .selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-wrapper .selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}
.selectric-wrapper .selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
.selectric-wrapper .selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pager-nav * {
  text-decoration: none;
}
.pager-nav .js-pager__items {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
  z-index: 1;
}
@media (max-width: 767px) {
  .pager-nav .js-pager__items .pager-last-item-text {
    display: none;
  }
}
@media (max-width: 767px) {
  .pager-nav .js-pager__items .pager-first-item-text {
    display: none;
  }
}
.pager-nav .menu {
  display: flex;
  align-items: center;
  margin: 0 8px;
}
.pager-nav .menu li,
.pager-nav .menu div {
  margin: 0 2px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .pager-nav .menu li,
  .pager-nav .menu div {
    margin: 0 4px;
  }
}
.pager-nav .menu a {
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}
.pager-nav .menu a:visited {
  color: #111;
}
.pager-nav .menu a:hover {
  background: #757575;
  color: #FFF;
}
@media (max-width: 767px) {
  .pager-nav .menu.desktop-version {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .pager-nav .menu.mobile-version {
    display: none;
  }
}
.pager-nav .menu .prev_ellipsis,
.pager-nav .menu .next_ellipsis {
  display: block;
  text-indent: -9999999em;
}
.pager-nav .menu .prev_ellipsis:before,
.pager-nav .menu .next_ellipsis:before {
  content: "...";
  float: left;
  text-indent: 0;
  width: 100%;
}
.pager-nav .menu .is-active a {
  pointer-events: none;
  font-weight: 400;
}
.pager-nav .pager__item--previous,
.pager-nav .pager__item--next,
.pager-nav .pager__item--first,
.pager-nav .pager__item--last,
.pager-nav .pagination--previous-next {
  display: flex;
  font-size: 14px;
  margin: 0 2px 0 2px;
  padding: 0;
}
.pager-nav .pager__item--previous a,
.pager-nav .pager__item--next a,
.pager-nav .pager__item--first a,
.pager-nav .pager__item--last a,
.pager-nav .pagination--previous-next a {
  color: #111;
  display: flex;
  align-items: center;
  line-height: 0;
}
.pager-nav .pager__item--previous a:hover,
.pager-nav .pager__item--next a:hover,
.pager-nav .pager__item--first a:hover,
.pager-nav .pager__item--last a:hover,
.pager-nav .pagination--previous-next a:hover {
  text-decoration: underline;
}
.pager-nav .pager__item--previous a:focus,
.pager-nav .pager__item--next a:focus,
.pager-nav .pager__item--first a:focus,
.pager-nav .pager__item--last a:focus,
.pager-nav .pagination--previous-next a:focus {
  display: flex;
}
.pager-nav .pager__item--previous a.disabled,
.pager-nav .pager__item--next a.disabled,
.pager-nav .pager__item--first a.disabled,
.pager-nav .pager__item--last a.disabled,
.pager-nav .pagination--previous-next a.disabled {
  color: #757575;
}
.pager-nav .pager__item--previous a.disabled .icon-arrow-left:before,
.pager-nav .pager__item--next a.disabled .icon-arrow-left:before,
.pager-nav .pager__item--first a.disabled .icon-arrow-left:before,
.pager-nav .pager__item--last a.disabled .icon-arrow-left:before,
.pager-nav .pagination--previous-next a.disabled .icon-arrow-left:before {
  background-image: url(../images/icons/chevron_back_disabled.svg);
}
.pager-nav .pager__item--previous a.disabled .icon-arrow-right:after,
.pager-nav .pager__item--next a.disabled .icon-arrow-right:after,
.pager-nav .pager__item--first a.disabled .icon-arrow-right:after,
.pager-nav .pager__item--last a.disabled .icon-arrow-right:after,
.pager-nav .pagination--previous-next a.disabled .icon-arrow-right:after {
  background-image: url(../images/icons/chevron_forward_disabled.svg);
}
.pager-nav .pager__item--previous a.disabled .icon-arrow-first:before,
.pager-nav .pager__item--next a.disabled .icon-arrow-first:before,
.pager-nav .pager__item--first a.disabled .icon-arrow-first:before,
.pager-nav .pager__item--last a.disabled .icon-arrow-first:before,
.pager-nav .pagination--previous-next a.disabled .icon-arrow-first:before {
  background-image: url(../images/icons/chevron_first_disabled.svg);
}
.pager-nav .pager__item--previous a.disabled .icon-arrow-last:after,
.pager-nav .pager__item--next a.disabled .icon-arrow-last:after,
.pager-nav .pager__item--first a.disabled .icon-arrow-last:after,
.pager-nav .pager__item--last a.disabled .icon-arrow-last:after,
.pager-nav .pagination--previous-next a.disabled .icon-arrow-last:after {
  background-image: url(../images/icons/chevron_last_disabled.svg);
}
.pager-nav .pager__item--previous .icon-arrow-left::before,
.pager-nav .pager__item--next .icon-arrow-left::before,
.pager-nav .pager__item--first .icon-arrow-left::before,
.pager-nav .pager__item--last .icon-arrow-left::before,
.pager-nav .pagination--previous-next .icon-arrow-left::before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background-image: url(../images/icons/chevron_back.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 2px;
}
.pager-nav .pager__item--previous .icon-arrow-first::before,
.pager-nav .pager__item--next .icon-arrow-first::before,
.pager-nav .pager__item--first .icon-arrow-first::before,
.pager-nav .pager__item--last .icon-arrow-first::before,
.pager-nav .pagination--previous-next .icon-arrow-first::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(../images/icons/chevron_first.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 2px;
}
.pager-nav .pager__item--previous .icon-arrow-right:after,
.pager-nav .pager__item--next .icon-arrow-right:after,
.pager-nav .pager__item--first .icon-arrow-right:after,
.pager-nav .pager__item--last .icon-arrow-right:after,
.pager-nav .pagination--previous-next .icon-arrow-right:after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background-image: url(../images/icons/chevron_forward.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 2px;
}
.pager-nav .pager__item--previous .icon-arrow-last:after,
.pager-nav .pager__item--next .icon-arrow-last:after,
.pager-nav .pager__item--first .icon-arrow-last:after,
.pager-nav .pager__item--last .icon-arrow-last:after,
.pager-nav .pagination--previous-next .icon-arrow-last:after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(../images/icons/chevron_last.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 2px;
}

/* Ajax Progress */
.pagination--content .ajax-progress {
  display: none;
}

a.btn.white-outlined, button.white-outlined {
  color: white;
}

a.btn.black-outlined,
button.black-outlined {
  color: #000;
  border-color: #000;
}

a.btn.outlined, button.outlined,
.path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  border-width: 3px;
  border-style: solid;
  padding-top: 8px;
  padding-bottom: 8px;
}

a.btn.white-outlined, a.btn.outlined, button.outlined,
.path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
a.btn.white-outlined:hover, a.btn.outlined:hover, button.outlined:hover,
.path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a:hover {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
a.btn.white-outlined.pressed, a.btn.white-outlined:active, a.btn.outlined.pressed, a.btn.outlined:active, button.outlined.pressed, button.outlined:active,
.path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a.pressed,
.path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.m-credit,
.m-caption {
  display: inline-flex;
  width: 100%;
}

.m-credit:before {
  content: "©";
  margin-right: 2px;
}
.rtl .m-credit:before {
  margin-right: 0;
  margin-left: 2px;
}

figcaption {
  line-height: 100%;
}

.field_media_video_url + .img-credit .m-credit {
  background: none;
  padding: 0;
}

button.media-contacts-collapsible, a.btn.media-contacts-collapsible {
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 38px;
  max-width: unset;
  word-wrap: unset;
  text-transform: none;
  border-width: 1px 0 0;
  border-style: solid;
  padding-top: 8px;
  padding-bottom: 8px;
}
button.media-contacts-collapsible .message-all, a.btn.media-contacts-collapsible .message-all {
  display: none;
}
button.media-contacts-collapsible .message-less, a.btn.media-contacts-collapsible .message-less {
  display: inline-block;
}
button.media-contacts-collapsible.collapsed .message-all, a.btn.media-contacts-collapsible.collapsed .message-all {
  display: inline-block;
}
button.media-contacts-collapsible.collapsed .message-less, a.btn.media-contacts-collapsible.collapsed .message-less {
  display: none;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

.text--block-content ol > li {
  position: relative;
}
.text--block-content ol > li:before {
  content: counter(list-item) ".";
  position: absolute;
  left: -55px;
  min-width: 50px;
  text-align: right;
  top: 0;
}
.rtl .text--block-content ol > li:before {
  left: auto;
  right: -55px;
  text-align: left;
}
.text--block-content ol > li::marker {
  font-size: 0;
}

ol,
ul {
  padding: 0 0 0 20px;
  margin: 0;
}
ol li,
ul li {
  line-height: 28px;
  padding-left: 10px;
}
@media only screen and (min-width: 768px) {
  ol li,
  ul li {
    line-height: 31px;
  }
}

@media (max-width: 767px) {
  table li {
    line-height: 16px;
  }
}

.social-follow-items {
  padding: 5px;
}

.social-follow-item {
  list-style: none;
}

.social-follow-item {
  list-style: none;
}
.social-follow-item a {
  font-family: Unicef;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  text-decoration: none;
  line-height: 0;
}
.social-follow-item a:focus, .social-follow-item a:focus-visible {
  display: flex !important;
}
.social-follow-item a.icon-flickr::after {
  content: "\e936";
}
.social-follow-item a.icon-instagram::after {
  content: "\e937";
}
.social-follow-item a.icon-linkedin::after {
  content: "\e938";
}
.social-follow-item a.icon-RSS::after, .social-follow-item a.icon-rss::after {
  content: "\e939";
}
.social-follow-item a.icon-twitter::after {
  content: "\e958";
  transform: scale(0.8);
  transform-origin: center center;
}
.social-follow-item a.icon-whatsapp::after {
  content: "\e93b";
}
.social-follow-item a.icon-youtube-play::after {
  content: "\e93c";
}
.social-follow-item a.icon-facebook::after {
  content: "\e93d";
}
.social-follow-item a.icon-GooglePlus::after {
  content: "\e93f";
}
.social-follow-item a.icon-qq::after {
  content: "\e93e";
}
.social-follow-item a.icon-Miao-Pai::after {
  content: "\e940";
}
.social-follow-item a.icon-tumblr::after {
  content: "\e941";
}
.social-follow-item a.icon-WeChat::after {
  content: "\e943";
}
.social-follow-item a.icon-weibo::after {
  content: "\e944";
}
.social-follow-item a.icon-Yi-Zhi-Bo::after {
  content: "\e945";
}
.social-follow-item a.icon-Youku::after {
  content: "\e946";
}
.social-follow-item a.icon-tiktok::after {
  content: "\e951";
}
.social-follow-item a.icon-weixin::after {
  content: "\e943";
}
.social-follow-item a.icon-weixin {
  position: relative;
}
.social-follow-item a.icon-weixin::after {
  opacity: 0;
  z-index: 500;
  margin-left: -170%;
  margin-top: -100%;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  width: 0;
  height: 0;
  position: absolute;
  content: url(../images/weixinQR.png) !important;
  pointer-events: none;
}
.social-follow-item a.icon-weixin:hover::after {
  opacity: 1;
}
.social-follow-item a.icon-bsky::after {
  content: "\e959";
  font-size: 16px;
}

.rtl ul.dropdown-ul {
  padding: 0;
}
.rtl ul.dropdown-ul li {
  padding-right: 0;
}
.rtl ul.header-secondary-dropdown-button {
  padding: 0;
}
.rtl ul.pagination--dropdown {
  padding: 0;
}
.rtl ol,
.rtl ul {
  padding: 0 20px 0 0;
}
.rtl ol li,
.rtl ul li {
  padding-right: 10px;
}

.solrsearch-facets-selected--list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.solrsearch-facets-selected--list li {
  margin: 0 2.5px 8px;
  padding: 0 !important;
}
@media only screen and (min-width: 768px) {
  .solrsearch-facets-selected--list li {
    margin: 0 4px 5px;
  }
}
.rtl .solrsearch-facets-selected--list li {
  margin: 0 2.5px 7px;
}
@media only screen and (min-width: 768px) {
  .rtl .solrsearch-facets-selected--list li {
    margin: 0 4px 4px;
  }
}

.menu-top-ul, .global-top-ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0;
  vertical-align: top;
}
.rtl .menu-top-ul, .rtl .global-top-ul {
  padding: 0;
}
.menu-top-ul li, .global-top-ul li {
  line-height: 16px;
  padding: 10px 0;
}
.rtl .menu-top-ul li, .rtl .global-top-ul li {
  float: right;
}

@media only screen and (min-width: 992px) {
  .language-switcher-language-url + .global-top-ul .high-contrast-li::after,
  #block-unicef-base-global-links + .global-top-ul .high-contrast-li::after {
    position: absolute;
    content: "";
    float: left;
    top: 2px;
    left: 0px;
    height: 15px;
    width: 1px;
  }
}

.global-top-ul li {
  padding: 0;
  line-height: 16px;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
}
.global-top-ul li.high-contrast-li {
  padding-right: 0px;
}
.rtl .global-top-ul li.high-contrast-li {
  padding-left: 10px;
}
@media only screen and (min-width: 992px) {
  .rtl .global-top-ul li::after {
    right: -10px;
  }
}
#block-unicef-base-global-links .global-top-ul li::after {
  position: absolute;
  content: "";
  float: right;
  top: 12px;
  right: 0px;
  height: 15px;
  width: 1px;
}
@media only screen and (min-width: 992px) {
  #block-unicef-base-global-links .global-top-ul li::after {
    float: left;
    top: 2px;
    right: unset;
    left: 0px;
  }
}

.rtl #block-unicef-base-global-links .global-top-ul li::after {
  left: 10px;
  right: unset;
}
@media only screen and (min-width: 992px) {
  .rtl #block-unicef-base-global-links .global-top-ul li::after {
    right: 0px;
  }
}

.header-secondary-dropdown-button {
  padding: 0;
  list-style-type: none;
}
.header-secondary-dropdown-button li {
  padding-left: 0;
}
@media only screen and (min-width: 992px) {
  .header-secondary-dropdown-button li {
    padding-left: 10px;
  }
}
.rtl .header-secondary-dropdown-button li {
  padding-right: 0;
}
@media only screen and (min-width: 992px) {
  .rtl .header-secondary-dropdown-button li {
    padding-right: 10px;
  }
}

@media screen and (hover: none) and (max-width: 1200px) {
  body:not(.contrast) .high-contrast-li a:hover {
    border-top-color: transparent;
  }
}

.contrast .high-contrast-li a,
.contrast .high-contrast-li a:hover,
.contrast .high-contrast-li a:focus {
  border-top: 2px solid;
  padding: 10px 0;
}
@media only screen and (min-width: 992px) {
  .contrast .high-contrast-li a,
  .contrast .high-contrast-li a:hover,
  .contrast .high-contrast-li a:focus {
    padding: 0;
  }
}

.file-items--list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.file-items--list .file-item {
  line-height: initial;
  padding-left: 0;
}

a,
.link,
h6 a {
  font-size: 18px;
  line-height: 28px;
  text-decoration: underline;
}
@media only screen and (min-width: 992px) {
  a,
  .link,
  h6 a {
    font-size: 19px;
    line-height: 31px;
  }
}
a.disabled,
.link.disabled,
h6 a.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
a[hreflang=ar],
.link[hreflang=ar],
h6 a[hreflang=ar] {
  font-family: "Droid Arabic Kufi", sans-serif !important;
}

.text-small a, .link-small, table a {
  font-size: 16px;
  line-height: 22px;
  text-decoration: underline;
}

@media (max-width: 767px) {
  table a {
    font-size: 12px;
    line-height: 16px;
  }
}

.link-smallest a {
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}

.link-smaller a {
  font-size: 14px;
  line-height: 18px;
}

.language-link {
  text-align: center;
  display: block;
  padding-top: 12px;
}
@media only screen and (min-width: 992px) {
  .language-link {
    padding-top: 2px;
  }
}
.is-active .language-link, .language-link:hover, .language-link:active {
  background: transparent;
}

input {
  font-size: 14px;
  line-height: 18px;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-cancel-button {
  position: relative;
  right: 40px;
  color: #c1c1c1;
}

.unicef-input {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  height: 44px;
  font-size: 16px;
  padding: 12px;
  border: 0;
  width: 100%;
  line-height: 22px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.1);
}
.unicef-input:focus-visible {
  border-radius: 10px;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #00AEEF;
}
.unicef-input.has-result {
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-clip: padding-box;
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .unicef-input {
    height: 60px;
    padding: 15px 22px 14px;
    font-size: 19px;
    line-height: 31px;
  }
}

.search-input__button {
  position: absolute !important;
}

.form-item-query .search-input__button {
  background-color: transparent;
  display: block;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  position: absolute;
  width: 30px;
  line-height: 44px;
  height: 44px;
  position: absolute;
  z-index: 1;
  right: 42px;
  bottom: 0;
}
.rtl .form-item-query .search-input__button {
  left: 42px;
  right: auto;
}
@media only screen and (min-width: 768px) {
  .form-item-query .search-input__button {
    font-size: 20px;
    width: 42px;
    height: 60px;
    right: 60px;
  }
  .rtl .form-item-query .search-input__button {
    left: 60px;
  }
}

.form-item-query .input-clear-icon:after {
  font-family: "Unicef";
  font-weight: normal;
  font-size: 16px;
  content: "";
  display: block;
  width: 30px;
  height: 44px;
  z-index: 1;
  cursor: pointer;
  border-right-width: 1px;
  border-right-style: solid;
}
.rtl .form-item-query .input-clear-icon:after {
  left: 42px;
  right: auto;
  border-left-width: 1px;
  border-left-style: solid;
  border-right: unset;
}
@media only screen and (min-width: 768px) {
  .form-item-query .input-clear-icon:after {
    font-size: 20px;
    width: 42px;
    height: 60px;
    line-height: 60px;
    right: 60px;
  }
  .rtl .form-item-query .input-clear-icon:after {
    left: 60px;
  }
}

.form-item-query .showIcon:after {
  content: "\e90a";
}

img:not(.inverse-logo) {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
img:not(.inverse-logo) .circle {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  width: 200px;
  height: 200px;
}

.b-lazy {
  filter: blur(2vw);
  opacity: 0.5;
  max-width: 100%;
  z-index: 0;
}

img.b-lazy {
  min-height: 1px;
}

.b-lazy:not(.b-loaded) {
  width: 100%;
}

.field.media.image {
  position: relative;
}

.blazy-container,
div:not(.standard-banner) .is-b-loading:not(.is-b-loaded):not([data-animation]),
.slick--field-component-gallery-im .is-b-loading.is-b-visible,
.slick--field-component-gallery-im .is-b-loading.is-b-visible.is-b-loaded,
.standard-banner .is-b-loading + .blazy__caption {
  overflow: hidden;
}
.blazy-container::before,
div:not(.standard-banner) .is-b-loading:not(.is-b-loaded):not([data-animation])::before,
.slick--field-component-gallery-im .is-b-loading.is-b-visible::before,
.slick--field-component-gallery-im .is-b-loading.is-b-visible.is-b-loaded::before,
.standard-banner .is-b-loading + .blazy__caption::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 5px solid lightgray;
  border-top-color: transparent;
  animation: loading 2s linear infinite;
  max-width: 50px;
  background: none;
}

.ajax-progress.ajax-progress-throbber {
  padding-top: 2px;
}
.ajax-progress.ajax-progress-throbber .throbber {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  border: 3px solid lightgray;
  border-top-color: transparent;
  animation: loading 2s linear infinite;
  max-width: 50px;
  background: none;
  display: inherit;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.b-loaded {
  opacity: 1;
  filter: none;
}

.card .ff-container .ff-canvas.ff-canvas-ready,
.card .ff-container.ff-inactive .ff-canvas.ff-canvas-ready {
  transition: none;
}

.list .ff-container .ff-canvas.ff-canvas-ready,
.list .ff-container.ff-inactive .ff-canvas.ff-canvas-ready {
  transition: opacity 100ms;
}

.ff-container.ff-loading-icon:before {
  content: none !important;
}

.card:hover .ff-container .ff-canvas.ff-canvas-ready,
.ff-container:hover .ff-canvas.ff-canvas-ready {
  opacity: 0;
}

.card:hover .ff-container .ff-canvas.ff-canvas-ready + img,
.ff-container:hover .ff-canvas.ff-canvas-ready + img {
  opacity: 1;
}

.standard-banner .media {
  padding: 0 !important;
}
.standard-banner .field.media.image {
  font-size: 0;
}
.standard-banner .blazy__caption {
  position: absolute !important;
  top: 0;
  left: 0;
}
.standard-banner .blazy__caption--description {
  position: absolute;
  z-index: -9999;
}

html:not(.js) .blazy-no-js + div {
  display: none;
}

.hero-title, .selectric-big .dropdown-title {
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 40px;
  margin: 0;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  letter-spacing: -0.6px;
}
@media only screen and (min-width: 768px) {
  .hero-title, .selectric-big .dropdown-title {
    font-weight: bold;
    font-style: normal;
    font-size: 56px;
    line-height: 68px;
    margin: 0;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}

@media only screen and (min-width: 992px) {
  html[lang=fr] .selectric-big .dropdown-title {
    font-weight: bold;
    font-style: normal;
    font-size: 47px;
    line-height: 68px;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  html[lang=fr] .selectric-big .dropdown-title {
    font-weight: bold;
    font-style: normal;
    font-size: 56px;
    line-height: 68px;
    margin: 0;
  }
}

.mb-title {
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 40px;
  margin: 0;
  letter-spacing: -0.4px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.rtl .mb-title {
  line-height: 60px;
}
@media only screen and (min-width: 768px) {
  .mb-title {
    -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  }
}
@media only screen and (min-width: 992px) {
  .mb-title {
    font-weight: bold;
    font-style: normal;
    font-size: 56px;
    line-height: 72px;
    margin: 0;
    letter-spacing: -0.8px;
  }
  .rtl .mb-title {
    line-height: 112px;
  }
}

.text-shadow {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 992px) {
  .text-shadow {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}

.hero-title-no-shadow {
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 40px;
  margin: 0;
  letter-spacing: -0.6px;
}
@media only screen and (min-width: 768px) {
  .hero-title-no-shadow {
    font-weight: bold;
    font-style: normal;
    font-size: 56px;
    line-height: 68px;
    margin: 0;
  }
}

.top-content-cntr .top-title .title-data-cntr h1 {
  font-size: 30px;
  line-height: 38px;
}
@media only screen and (min-width: 992px) {
  .top-content-cntr .top-title .title-data-cntr h1 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .top-content-cntr .top-title .title-data-cntr .sub-title {
    font-size: 30px !important;
  }
}
.rtl .top-content-cntr .top-title .title-data-cntr .sub-title {
  text-align: right;
}

.sub-title {
  font-weight: normal;
  font-style: italic;
  font-size: 20px;
  line-height: 27px;
  margin: 0;
  font-family: "Arial", sans-serif;
}
.rtl .sub-title {
  font-style: normal;
}
html[lang=zh-hans] body .sub-title, html[lang=ar] body .sub-title, html[lang=hy] body .sub-title, html[lang=bn] body .sub-title, html[lang=my] body .sub-title, html[lang=hi] body .sub-title, html[lang=ps] body .sub-title, html[lang=fa] body .sub-title, html[lang=ja] body .sub-title {
  font-style: normal;
}
@media only screen and (min-width: 992px) {
  .sub-title {
    font-weight: normal;
    font-style: italic;
    font-size: 22px;
    line-height: 30px;
    margin: 0;
  }
  .rtl .sub-title {
    font-style: normal;
  }
  html[lang=zh-hans] body .sub-title, html[lang=ar] body .sub-title, html[lang=hy] body .sub-title, html[lang=bn] body .sub-title, html[lang=my] body .sub-title, html[lang=hi] body .sub-title, html[lang=ps] body .sub-title, html[lang=fa] body .sub-title, html[lang=ja] body .sub-title {
    font-style: normal;
  }
}
html[lang=ar] .sub-title {
  font-family: "Droid Arabic Kufi", sans-serif !important;
}

.h1, h1 {
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  line-height: 38px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .h1, h1 {
    font-weight: normal;
    font-style: normal;
    font-size: 42px;
    line-height: 50px;
    margin: 0;
  }
}

.h1-medium .h1, .h1-medium h1 {
  line-height: 42px !important;
}
@media only screen and (min-width: 992px) {
  .h1-medium .h1, .h1-medium h1 {
    line-height: 55px !important;
  }
}

.h1-large .h1, .h1-large h1 {
  line-height: 52px !important;
}
@media only screen and (min-width: 992px) {
  .h1-large .h1, .h1-large h1 {
    line-height: 70px !important;
  }
}

.h2, h2, h2 a {
  font-weight: normal;
  font-style: normal;
  font-size: 26px;
  line-height: 33px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .h2, h2, h2 a {
    font-weight: normal;
    font-style: normal;
    font-size: 34px;
    line-height: 42px;
    margin: 0;
  }
}

.h3, h3, h3 a {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 31px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .h3, h3, h3 a {
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 38px;
    margin: 0;
  }
}

.h4, h4, h4 a {
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .h4, h4, h4 a {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
  }
}

.h5,
.h6, h5, h6, h5 a {
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 27px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .h5,
  .h6, h5, h6, h5 a {
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
  }
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover,
h2 a:active, h3 a:active, h4 a:active, h5 a:active {
  text-decoration: underline;
}

h1, h2, h3, h4, h5 {
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5 {
  font-family: "Droid Arabic Kufi", sans-serif !important;
}
.rtl.iran-subsite h1, .rtl.iran-subsite h2, .rtl.iran-subsite h3, .rtl.iran-subsite h4, .rtl.iran-subsite h5 {
  font-family: "Noto Sans Arabic", sans-serif !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
  font-weight: 700;
}

.footer-link-style, .footer-list-items .footer-ul .footer-li > a, .footer-list-items > a,
.footer-list-items .no-link, .footer-list-items h2 a {
  font-size: 14px;
  line-height: 18px;
  display: block;
  text-decoration: none;
}
.footer-list-items {
  display: block;
  vertical-align: top;
  text-align: left;
}
.rtl .footer-list-items {
  text-align: right;
}
.footer-list-items:not(:first-child) {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .footer-list-items:not(:first-child) {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 992px) {
  .footer-list-items {
    margin-right: auto;
  }
  .rtl .footer-list-items {
    margin-left: auto;
    margin-right: 0px;
  }
}
.footer-list-items > a,
.footer-list-items .no-link {
  font-weight: bold;
  margin-bottom: 12px;
}
.footer-list-items > a:hover,
.footer-list-items .no-link:hover {
  text-decoration: none;
}
.footer-list-items > a:hover {
  text-decoration: underline;
}
.footer-list-items .footer-ul {
  list-style: none;
  padding: 0;
}
.footer-list-items .footer-ul .footer-li {
  padding-left: 0;
}
.rtl .footer-list-items .footer-ul .footer-li {
  padding-right: 0;
}
.footer-list-items .footer-ul .footer-li > a {
  margin-top: 6px;
}
.footer-list-items .footer-ul .footer-li > a:hover {
  text-decoration: underline;
}

.dropdown-toggle::after {
  content: unset;
}

.dropdown-menu {
  padding-left: 0px;
}
.rtl .dropdown-menu {
  padding-right: 0px;
}

.dropdown-ul {
  padding: 0;
  list-style-type: none;
  position: relative;
}
.dropdown-ul .dropdown-ul-li {
  padding-left: 0;
}
.dropdown-ul a {
  text-decoration: none;
}
.dropdown-ul.dropdown-dark .dropdown.open .dropdown-ul-explore {
  border: unset;
}
.dropdown-ul.dropdown-dark .dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a {
  display: block;
  padding: 8px 22px;
}
.dropdown-ul.dropdown-dark .dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a::before {
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
}
.dropdown-ul.dropdown-dark .dropdown.open .dropdown-li-toggle {
  border-color: transparent;
}
.dropdown-ul.dropdown-white .dropdown {
  max-width: unset;
  width: 100%;
}
.dropdown-ul.dropdown-white .dropdown .dropdown-li-toggle {
  border: unset;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .dropdown-ul.dropdown-white .dropdown .dropdown-li-toggle {
    border-bottom: 2px solid;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 992px) {
  .dropdown-ul.dropdown-white .dropdown .dropdown-li-toggle {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    border-width: 3px;
    border-style: solid;
  }
}
.dropdown-ul.dropdown-white .dropdown.open .dropdown-ul-explore {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  position: relative;
  border: unset;
  max-width: unset;
  width: 100%;
  top: 98%;
}
.rtl .dropdown-ul.dropdown-white .dropdown.open .dropdown-ul-explore {
  width: auto;
}
@media only screen and (min-width: 992px) {
  .dropdown-ul.dropdown-white .dropdown.open .dropdown-ul-explore {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-clip: padding-box;
    border-color: #ffffff;
    position: absolute;
  }
}
.dropdown-ul.dropdown-white .dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a {
  display: block;
  padding: 8px 22px;
}
.dropdown-ul.dropdown-white .dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a::before {
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
}
.dropdown-ul.dropdown-white .dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a {
  padding: 16px 0 8px 20px;
}
@media only screen and (min-width: 992px) {
  .dropdown-ul.dropdown-white .dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a {
    padding: 8px 13px;
  }
}
.rtl .dropdown-ul.dropdown-white .dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a {
  padding: 16px 20px 8px 0px;
}
.dropdown-ul.dropdown-white .dropdown.open .dropdown-li-toggle {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
}
@media only screen and (min-width: 992px) {
  .dropdown-ul.dropdown-white .dropdown.open .dropdown-li-toggle {
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
  }
}

.dropdown {
  font-weight: bold;
  text-align: left;
  max-width: 160px;
  width: auto;
  display: inline-block;
}
html[lang=zh-hans] .dropdown {
  font-weight: 500;
}
.dropdown.dropdown-ul-explore {
  display: none;
}
.dropdown .dropdown-li-toggle {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  position: relative;
  display: block;
  padding: 8px 29px 8px 10px;
  border-width: 3px;
  border-style: solid;
  max-width: 100%;
  min-width: 160px;
  width: auto;
}
.rtl .dropdown .dropdown-li-toggle {
  padding: 8px 10px 8px 29px;
}
.dropdown .dropdown-li-toggle:hover, .dropdown .dropdown-li-toggle:focus, .dropdown .dropdown-li-toggle:active {
  text-decoration: none;
}
.dropdown .dropdown-li-toggle .icon-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.dropdown.keep-open .dropdown-ul-explore {
  display: none;
}
.dropdown.keep-open .icon-arrow .icon-arrow-down {
  display: inline-block;
  transform: rotate(0deg);
}
.dropdown.keep-open .icon-arrow .icon-arrow-down:before {
  font-family: "Unicef";
  content: "\e94a";
  font-size: 12px;
  left: 12px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .dropdown.keep-open .icon-arrow .icon-arrow-down:before {
    left: 0px;
  }
}
.rtl .dropdown.keep-open .icon-arrow .icon-arrow-down:before {
  right: 12px;
  left: unset;
}
@media only screen and (min-width: 992px) {
  .rtl .dropdown.keep-open .icon-arrow .icon-arrow-down:before {
    right: 0px;
  }
}
.dropdown.open .dropdown-li-toggle {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-color: #ffffff;
  border-bottom: none;
  overflow: unset;
}
.dropdown.open .dropdown-li-toggle .icon-arrow .icon-arrow-down {
  transform: rotate(180deg);
}
.dropdown.open .dropdown-li-toggle .icon-arrow .icon-arrow-down:before {
  left: -10px;
}
@media only screen and (min-width: 992px) {
  .dropdown.open .dropdown-li-toggle .icon-arrow .icon-arrow-down:before {
    left: 0px;
  }
}
.rtl .dropdown.open .dropdown-li-toggle .icon-arrow .icon-arrow-down:before {
  right: -10px;
  left: unset;
}
@media only screen and (min-width: 992px) {
  .rtl .dropdown.open .dropdown-li-toggle .icon-arrow .icon-arrow-down:before {
    right: 0px;
  }
}
.dropdown.open .dropdown-ul-explore {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-clip: padding-box;
  position: absolute;
  overflow: visible;
  max-height: 270px;
  top: 100%;
  display: block;
  z-index: 99999;
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 160px;
  border-width: 1px;
  border-style: solid;
  border-top: none;
  box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, 0.2);
  padding-bottom: 6px;
}
@media only screen and (min-height: 736px), only screen and (min-width: 414px) {
  .dropdown.open .dropdown-ul-explore {
    max-height: 270px;
  }
}
.header-middle-area .dropdown.open .dropdown-ul-explore {
  max-height: 122px;
}
@media only screen and (min-height: 736px), only screen and (min-width: 414px) {
  .header-middle-area .dropdown.open .dropdown-ul-explore {
    max-height: 270px;
  }
}
@media only screen and (min-width: 992px) {
  .dropdown.open .dropdown-ul-explore {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14);
    padding-bottom: 0px;
  }
}
.dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li {
  width: 100%;
  padding-left: 0;
}
.dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a {
  display: block;
  padding: 8px 22px;
}
.dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li a::before {
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
}
.dropdown.open .page-tree--second-link {
  padding-left: 20px;
}

.rtl .dropdown-ul .dropdown-ul-li,
.rtl .dropdown-ul div {
  padding-right: 0;
}
.rtl .dropdown {
  text-align: right;
}
.rtl .dropdown .dropdown-li-toggle {
  padding: 10px 20px 8px 29px;
}
@media only screen and (min-width: 768px) {
  .rtl .dropdown .dropdown-li-toggle {
    padding: 8px 10px 8px 29px;
  }
}
.rtl .dropdown .dropdown-li-toggle .icon-arrow {
  left: 10px;
  right: auto;
}
.rtl .dropdown.open .dropdown-ul-explore .dropdown-ul-explore-li {
  padding-right: 0;
}
.rtl .dropdown.open .page-tree--second-link {
  padding-right: 20px;
}

.unicef-secondary-navigation-dropdown-style-black-outlined .block-system-menu-blocksecondary .dropdown-toggle {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a {
  padding-left: 10px !important;
}

.block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a + .dropdown-menu > li > a {
  padding-left: 20px !important;
}
.rtl .block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a + .dropdown-menu > li > a {
  padding-left: auto !important;
  padding-right: 20px !important;
}

.block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a {
  padding-left: 30px !important;
}
.rtl .block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a {
  padding-left: auto !important;
  padding-right: 30px !important;
}

.block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a {
  padding-left: 40px !important;
}
.rtl .block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a {
  padding-left: auto !important;
  padding-right: 40px !important;
}

.block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a {
  padding-left: 50px !important;
}
.rtl .block-system-menu-blocksecondary a.dropdown-toggle + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a + .dropdown-menu > li > a {
  padding-left: auto !important;
  padding-right: 50px !important;
}

.field_cgroup_icon img, .field_cgroup_icon svg,
.field_cgroupicon_image img,
.field_cgroupicon_image svg {
  max-width: 12px;
  max-height: 12px;
  flex: 0 0 auto;
  margin-right: 6px;
  line-height: 6px;
}

.rtl .field_cgroup_icon img, .rtl .field_cgroup_icon svg,
.rtl .field_cgroupicon_image img,
.rtl .field_cgroupicon_image svg {
  margin-left: 6px;
  margin-right: 0;
}

button.contained, a.btn.contained {
  color: #ffffff;
}
button.white-contained:not(.disabled), a.btn.white-contained:not(.disabled) {
  background-color: #ffffff;
}
button.white-contained:not(.disabled):hover, button.white-contained:not(.disabled):focus, button.white-contained:not(.disabled):active, a.btn.white-contained:not(.disabled):hover, a.btn.white-contained:not(.disabled):focus, a.btn.white-contained:not(.disabled):active {
  background-color: #f1f1f1;
}
button.white-contained.disabled, a.btn.white-contained.disabled {
  color: #ffffff;
}

.close-btn {
  height: 40px;
  width: 40px;
  text-decoration: none;
  padding: 0;
  border: none;
}
.close-btn:focus {
  cursor: pointer;
}
.close-btn:after {
  cursor: pointer;
  display: block;
  content: "\e90a";
  font-family: "Unicef";
  padding: 12px;
  font-size: 12px;
  line-height: 12px;
}
@media only screen and (min-width: 480px) {
  .close-btn:after {
    padding: 16.8px;
    font-size: 23px;
    line-height: 23px;
  }
}
.close-btn svg {
  fill: #fff;
  stroke: #fff;
}
.close-btn span.confirm {
  color: transparent;
  font-size: 0;
  height: 0;
  width: 0;
}

.lead-in {
  color: #333333;
  font-size: 26px;
  letter-spacing: 0.74px !important;
  line-height: 33px !important;
  margin: 40px 0 !important;
}
.lead-in a {
  font-size: 26px;
  letter-spacing: 0.74px;
  line-height: 33px;
  color: #0f5c85;
}
@media (min-width: 1200px) {
  .lead-in {
    font-size: 34px;
    letter-spacing: 0.97px;
    line-height: 42px !important;
    margin: 50px 0 !important;
  }
  .lead-in a {
    font-size: 34px;
    letter-spacing: 0.97px;
    line-height: 42px;
  }
}

.footnote-text {
  font-size: 12px;
  letter-spacing: 0.34px;
  line-height: 16px !important;
  margin: 40px auto !important;
  width: 100%;
}
.footnote-text a {
  font-size: 12px;
  letter-spacing: 0.34px;
  line-height: 16px;
  color: #0f5c85;
}
.footnote-text::before {
  content: "";
  border-top: 1px solid #c1c1c1;
  padding-bottom: 16px;
  display: block;
}
.footnote-text::after {
  content: "";
  border-bottom: 1px solid #c1c1c1;
  padding-top: 16px;
  display: block;
}
@media (min-width: 1200px) {
  .footnote-text {
    margin: 50px auto !important;
  }
}

.call-text {
  font-size: 22px;
  letter-spacing: 0.63px;
  line-height: 30px !important;
  margin: 40px 0 !important;
}
.call-text a {
  font-size: 22px;
  letter-spacing: 0.63px;
  line-height: 30px;
}
@media (min-width: 1024px) {
  .call-text {
    font-size: 24px;
    letter-spacing: 0.69px;
    line-height: 32px !important;
    margin: 50px 0 !important;
  }
  .call-text a {
    font-size: 24px;
    letter-spacing: 0.69px;
    line-height: 32px;
  }
  .call-text::before {
    content: "";
    display: block;
    border-top: 3px solid;
    padding-bottom: 18px;
    width: 20px;
  }
  .call-text::after {
    content: "";
    display: block;
    border-bottom: 3px solid;
    padding-top: 22px;
    width: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .call-text {
    font-size: 24px;
    letter-spacing: 0.69px;
    line-height: 32px !important;
    margin: 50px auto !important;
  }
  .call-text a {
    font-size: 24px;
    letter-spacing: 0.69px;
    line-height: 32px;
  }
  .call-text::before {
    content: "";
    display: block;
    border-top: 3px solid;
    padding-bottom: 17px;
    width: 20px;
  }
  .call-text::after {
    content: "";
    display: block;
    border-bottom: 3px solid;
    padding-top: 21px;
    width: 20px;
  }
}
@media (max-width: 767px) {
  .call-text {
    font-size: 24px;
    letter-spacing: 0.69px;
    line-height: 32px !important;
    margin: 50px auto !important;
  }
  .call-text a {
    font-size: 24px;
    letter-spacing: 0.69px;
    line-height: 32px;
  }
  .call-text::before {
    content: "";
    display: block;
    border-top: 3px solid;
    padding-bottom: 18px;
    width: 20px;
  }
  .call-text::after {
    content: "";
    display: block;
    border-bottom: 3px solid;
    padding-top: 18px;
    width: 20px;
  }
}
.call-text.text-align-center {
  margin: 0 auto !important;
}
.rtl .call-text.text-align-right {
  text-align: left !important;
}
.call-text.text-align-right:before, .call-text.text-align-right:after {
  margin: 0 0 0 100%;
}
.rtl .call-text.text-align-right:before, .rtl .call-text.text-align-right:after {
  margin: 0 100% 0 0;
}

.ck-content h2, .ck-content .heading2,
.ck-content h3, .ck-content .heading3,
.ck-content h4, .ck-content .heading4,
.ck-content h5, .ck-content .heading5,
.ck-content h6, .ck-content .heading6 {
  padding-bottom: 16px;
}
.ck-content ol,
.ck-content ul {
  padding-bottom: 14px;
}
.ck-content table,
.ck-content hr {
  margin: 25px 0 40px 0;
}
.ck-content blockquote {
  font-style: italic;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 25px 0;
  margin: 0px;
  border-left: none !important;
}
.ck-content blockquote:after, .ck-content blockquote:before {
  content: "";
  height: 2px;
  width: 200px;
  margin: 0 auto;
  background-color: #222;
}
.ck-content .table {
  display: block !important;
}

figure.media {
  margin: 0;
}

button, .button, a.btn, .path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  font-weight: bold;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  min-width: 160px;
  word-wrap: break-word;
  cursor: pointer;
}
button.pressed, button:active, .button.pressed, .button:active, a.btn.pressed, a.btn:active, .path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a.pressed, .path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
button.disabled, .button.disabled, a.btn.disabled, .path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
html[lang=zh-hans] button, html[lang=zh-hans] .button, html[lang=zh-hans] a.btn, html[lang=zh-hans] .path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a {
  font-weight: 500;
}
.aligned-center button, .aligned-center .button, .aligned-center a.btn, .aligned-center .path-error .section--block .field_component_sec_blocks-item .text--block-content:first-child a {
  margin-left: auto;
  margin-right: auto;
}

button.si-button {
  min-width: auto;
}

.btn.primary-bg.white.disabled,
.btn.secondary-bg.white.disabled,
.btn.accent-action-bg.white.disabled,
.btn.accent-alert-bg.white.disabled {
  background: #c1c1c1;
  color: #FFF;
}

.btn.white-bg.primary.disabled,
.btn.white-bg.secondary.disabled,
.btn.white-bg.accent-action.disabled,
.btn.white-bg.accent-alert.disabled {
  background: rgba(255, 255, 255, 0.2);
  color: #FFF;
}

.btn.primary.outlined.disabled,
.btn.secondary.outlined.disabled,
.btn.accent-action.outlined.disabled,
.btn.accent-alert.outlined.disabled,
.btn.white.outlined.disabled {
  background: #FFF;
  color: #c1c1c1 !important;
}

.btntext.primary.disabled,
.btntext.secondary.disabled,
.btntext.accent-action.disabled,
.btntext.accent-alert.disabled {
  color: #c1c1c1 !important;
}

.btn.white.outlined.disabled {
  color: rgba(255, 255, 255, 0.3);
}

.btn--invisible {
  background: transparent;
  min-width: unset;
  box-shadow: none;
  padding: 0;
  border: none;
}

/* Fix contextual button */
.contextual .trigger {
  min-width: 0;
}

blockquote {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  flex-direction: column;
  padding: 25px 0;
  margin: 0px;
}
.rtl blockquote {
  font-family: inherit;
}
.rtl blockquote {
  font-style: normal;
}
html[lang=zh-hans] body blockquote, html[lang=ar] body blockquote, html[lang=hy] body blockquote, html[lang=bn] body blockquote, html[lang=my] body blockquote, html[lang=hi] body blockquote, html[lang=ps] body blockquote, html[lang=fa] body blockquote, html[lang=ja] body blockquote {
  font-style: normal;
}
blockquote p {
  margin: 0px;
  line-height: 30px;
}
blockquote a {
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (min-width: 992px) {
  blockquote a {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 992px) {
  blockquote {
    font-size: 28px;
    line-height: 36px;
    padding: 30px 0;
  }
  blockquote p {
    line-height: 36px;
  }
}
blockquote footer {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  margin-top: 20px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  blockquote footer {
    font-size: 20px;
    line-height: 28px;
  }
}
blockquote:before, blockquote:after {
  content: "";
  height: 2px;
  width: 200px;
  margin: 0 auto;
}
blockquote:before {
  margin-bottom: 20px;
}
blockquote:after {
  margin-top: 20px;
}

/* ATOMS END */
/* MOLECULES START */
.press-release--about-us {
  text-align: center;
}
.press-release--about-us .text--block {
  display: inline-block;
  padding: 50px 0px;
}
.press-release--about-us .text--block h2 {
  padding-bottom: 10px;
}
.press-release--about-us .text--block .text_long {
  margin: 0px;
}
@media only screen and (min-width: 768px) {
  .press-release--about-us .text--block {
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 992px) {
  .press-release--about-us .text--block {
    padding: 50px 0;
  }
  .press-release--about-us .text--block h2 {
    padding-bottom: 20px;
  }
}

.text--block-content .comp-txt .field_component_text_content h2, .text--block-content .comp-txt .field_component_text_content h3, .text--block-content .comp-txt .field_component_text_content h4, .text--block-content .comp-txt .field_component_text_content h5, .text--block-content .comp-txt .field_component_text_content h6,
.field_press_release_cntblocks h2,
.field_press_release_cntblocks h3,
.field_press_release_cntblocks h4,
.field_press_release_cntblocks h5,
.field_press_release_cntblocks h6 {
  padding-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content h2, .text--block-content .comp-txt .field_component_text_content h3, .text--block-content .comp-txt .field_component_text_content h4, .text--block-content .comp-txt .field_component_text_content h5, .text--block-content .comp-txt .field_component_text_content h6,
  .field_press_release_cntblocks h2,
  .field_press_release_cntblocks h3,
  .field_press_release_cntblocks h4,
  .field_press_release_cntblocks h5,
  .field_press_release_cntblocks h6 {
    padding-bottom: 20px;
  }
}
.text--block-content .comp-txt .field_component_text_content p,
.field_press_release_cntblocks p {
  margin: 0 0 14px 0;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content p,
  .field_press_release_cntblocks p {
    margin: 0 0 18px 0;
  }
}
.text--block-content .comp-txt .field_component_text_content p:last-child,
.field_press_release_cntblocks p:last-child {
  margin: 0 0 0 0;
}
.text--block-content .comp-txt .field_component_text_content ul, .text--block-content .comp-txt .field_component_text_content ol,
.field_press_release_cntblocks ul,
.field_press_release_cntblocks ol {
  padding-bottom: 14px;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content ul, .text--block-content .comp-txt .field_component_text_content ol,
  .field_press_release_cntblocks ul,
  .field_press_release_cntblocks ol {
    padding-bottom: 18px;
  }
}
.text--block-content .comp-txt .field_component_text_content ul li:not(:last-child),
.text--block-content .comp-txt .field_component_text_content ol li:not(:last-child),
.field_press_release_cntblocks ul li:not(:last-child),
.field_press_release_cntblocks ol li:not(:last-child) {
  padding-bottom: 8px;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content ul li:not(:last-child),
  .text--block-content .comp-txt .field_component_text_content ol li:not(:last-child),
  .field_press_release_cntblocks ul li:not(:last-child),
  .field_press_release_cntblocks ol li:not(:last-child) {
    padding-bottom: 10px;
  }
}
.text--block-content .comp-txt .field_component_text_content table,
.field_press_release_cntblocks table {
  margin: 25px 0 40px 0;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content table,
  .field_press_release_cntblocks table {
    margin: 30px 0 50px 0;
    max-width: 770px;
  }
}
.text--block-content .comp-txt .field_component_text_content table:first-child,
.field_press_release_cntblocks table:first-child {
  margin: 0 0 40px 0;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content table:first-child,
  .field_press_release_cntblocks table:first-child {
    margin: 0 0 50px 0;
  }
}
.text--block-content .comp-txt .field_component_text_content table:last-child,
.field_press_release_cntblocks table:last-child {
  margin-bottom: 0px;
}
.text--block-content .comp-txt .field_component_text_content hr,
.field_press_release_cntblocks hr {
  width: 100%;
  border: none;
  height: 1px;
  margin: 25px 0 40px 0;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content hr,
  .field_press_release_cntblocks hr {
    margin: 30px 0 50px 0;
  }
}
.text--block-content .comp-txt .field_component_text_content hr:first-child,
.field_press_release_cntblocks hr:first-child {
  margin: 0 0 40px 0;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content hr:first-child,
  .field_press_release_cntblocks hr:first-child {
    margin: 0 0 50px 0;
  }
}
.text--block-content .comp-txt .field_component_text_content hr:last-child,
.field_press_release_cntblocks hr:last-child {
  margin-bottom: 0px;
}
.text--block-content .comp-txt .field_component_text_content blockquote:first-child,
.field_press_release_cntblocks blockquote:first-child {
  padding: 0 0 25px 0;
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content blockquote:first-child,
  .field_press_release_cntblocks blockquote:first-child {
    padding: 0 0 30px 0;
  }
}
.text--block-content .comp-txt .field_component_text_content blockquote:last-child,
.field_press_release_cntblocks blockquote:last-child {
  padding: 25px 0 0 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content blockquote:last-child,
  .field_press_release_cntblocks blockquote:last-child {
    padding: 30px 0 0 0;
  }
}
.text--block-content .comp-txt .field_component_text_content sup, .text--block-content .comp-txt .field_component_text_content sub,
.field_press_release_cntblocks sup,
.field_press_release_cntblocks sub {
  font-size: 12px;
  line-height: 100%;
}
@media only screen and (min-width: 992px) {
  .text--block-content .comp-txt .field_component_text_content sup, .text--block-content .comp-txt .field_component_text_content sub,
  .field_press_release_cntblocks sup,
  .field_press_release_cntblocks sub {
    font-size: 13px;
  }
}
.path-error .text--block-content .comp-txt .field_component_text_content,
.path-error .field_press_release_cntblocks {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .path-error .text--block-content .comp-txt .field_component_text_content,
  .path-error .field_press_release_cntblocks {
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}
.path-error .text--block-content .comp-txt .field_component_text_content a,
.path-error .field_press_release_cntblocks a {
  margin-top: 15px;
  text-shadow: none;
}
@media only screen and (min-width: 992px) {
  .path-error .text--block-content .comp-txt .field_component_text_content a,
  .path-error .field_press_release_cntblocks a {
    color: #ffffff;
  }
}

.field_component_prabus_text h1, .field_component_prabus_text h2, .field_component_prabus_text h3, .field_component_prabus_text h4, .field_component_prabus_text h5, .field_component_prabus_text p, .field_component_prabus_text table {
  text-align: center;
}
.field_component_prabus_text h1.text-align-right, .field_component_prabus_text h1.text-align-left, .field_component_prabus_text h2.text-align-right, .field_component_prabus_text h2.text-align-left, .field_component_prabus_text h3.text-align-right, .field_component_prabus_text h3.text-align-left, .field_component_prabus_text h4.text-align-right, .field_component_prabus_text h4.text-align-left, .field_component_prabus_text h5.text-align-right, .field_component_prabus_text h5.text-align-left, .field_component_prabus_text p.text-align-right, .field_component_prabus_text p.text-align-left, .field_component_prabus_text table.text-align-right, .field_component_prabus_text table.text-align-left {
  text-align: center;
}

.text--block-content .embed-media {
  padding-bottom: 18px;
}

@media only screen and (min-width: 768px) {
  .text--block-content:has(> .related-content) {
    display: flex;
    justify-content: space-between;
    max-width: 648px;
    margin: auto;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .text--block-content:has(> .related-content) {
    max-width: 770px;
  }
}
.text--block-content:has(> .related-content) > .comp-txt {
  padding: 0 20px;
}
@media only screen and (min-width: 768px) {
  .text--block-content:has(> .related-content) > .comp-txt {
    padding: 0 30px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .rtl .text--block-content:has(> .related-content) > .comp-txt {
    padding: 0 0 0 30px;
  }
}
@media only screen and (min-width: 992px) {
  .text--block-content:has(> .related-content) > .comp-txt {
    max-width: 600px;
    width: 100%;
  }
}

.text--block-content .related-content {
  border-radius: 10px;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  height: fit-content;
  margin: 40px auto 0;
  max-width: calc(100% - 80px);
  padding: 16px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .text--block-content .related-content {
    margin: 0;
    max-width: 224px;
  }
}
@media only screen and (min-width: 992px) {
  .text--block-content .related-content {
    max-width: 370px;
    width: 100%;
    margin-right: -10%;
  }
}
@media screen and (min-width: 1250px) {
  .text--block-content .related-content {
    margin-right: -26%;
  }
}
.rtl .text--block-content .related-content {
  text-align: right;
}
@media only screen and (min-width: 992px) {
  .rtl .text--block-content .related-content {
    margin-right: 0;
    margin-left: -10%;
  }
}
@media screen and (min-width: 1250px) {
  .rtl .text--block-content .related-content {
    margin-right: 0;
    margin-left: -26%;
  }
}
.text--block-content .related-content .unicef-component-curated > div {
  display: block;
}
.text--block-content .related-content .unicef-component-curated > .selectric-secondary {
  margin: -12px 0;
}
.text--block-content .related-content .unicef-component-mosaic--label h2 {
  font-size: 20px;
  line-height: 27px;
  margin: 0 0 24px;
}
@media only screen and (min-width: 992px) {
  .text--block-content .related-content .unicef-component-mosaic--label h2 {
    font-size: 22px;
    line-height: 28px;
  }
}
.text--block-content .related_content_items {
  display: inline-block;
  margin: 12px 0;
  width: 100%;
}
.text--block-content .related_content_items img {
  max-width: 120px;
}
.text--block-content .related_content_items .label-text-related-content {
  font-size: 12px;
  line-height: 16px;
}
.text--block-content .related_content_items > a {
  text-decoration: none;
}
.text--block-content .related_content_items > a:hover, .text--block-content .related_content_items > a:focus, .text--block-content .related_content_items > a:active {
  background: none !important;
}
.text--block-content .related_content_items > a:hover .mosaic-heading, .text--block-content .related_content_items > a:active .mosaic-heading {
  font-weight: 700 !important;
  text-decoration: underline;
}
@media only screen and (min-width: 992px) {
  .text--block-content .related_content_items > a {
    display: flex;
  }
}
.text--block-content .related_content_items .related-content-items-hero-link {
  margin-bottom: 8px;
  max-width: 120px;
}
@media only screen and (min-width: 992px) {
  .text--block-content .related_content_items .related-content-items-hero-link {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .rtl .text--block-content .related_content_items .related-content-items-hero-link {
    margin-right: 0;
    margin-left: 16px;
  }
}
.text--block-content .related_content_items .related-content-items-hero-link .img-cc-cntr {
  display: none;
}
.text--block-content .related_content_items .related-content-items-hero-link video {
  max-width: 120px;
  height: auto;
}
.text--block-content .related_content_items .content-category-content svg {
  display: block;
}
.text--block-content .related_content_items .mosaic-heading,
.text--block-content .related_content_items .mosaic-heading a {
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 22px;
  margin: 0;
  text-decoration: none;
}
.text--block-content .related_content_items .mosaic-heading:hover, .text--block-content .related_content_items .mosaic-heading:focus, .text--block-content .related_content_items .mosaic-heading:active,
.text--block-content .related_content_items .mosaic-heading a:hover,
.text--block-content .related_content_items .mosaic-heading a:focus,
.text--block-content .related_content_items .mosaic-heading a:active {
  background: none !important;
}
.text--block-content .related_content_items .mosaic-heading:hover, .text--block-content .related_content_items .mosaic-heading:active,
.text--block-content .related_content_items .mosaic-heading a:hover,
.text--block-content .related_content_items .mosaic-heading a:active {
  text-decoration: underline;
}
.text--block-content .related_content_items .content-category-content {
  justify-content: left;
  margin: 0 0 5px;
}
.rtl .text--block-content .related_content_items .content-category-content {
  justify-content: right;
}
.text--block-content .related_content_items,
.text--block-content .related_content_items * {
  background: none;
}
@media only screen and (min-width: 992px) {
  .text--block-content .customized-content-item {
    display: flex;
    margin: 24px 0;
  }
}

.tabs {
  margin: 0.5rem 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
@media only screen and (min-width: break-1) {
  .tabs {
    flex-direction: row;
  }
}
.tabs__tab {
  width: 100%;
  overflow: auto;
  border-bottom: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-top: 1px solid #DCDCDC;
}
.tabs__tab.is-active {
  border: 1px solid #DCDCDC;
  border-bottom: 1px solid transparent;
  border-left: 0;
}
.tabs__tab:first-child {
  border-left: 1px solid #DCDCDC;
}
@media only screen and (min-width: break-1) {
  .tabs__tab {
    display: inline-block;
    width: auto;
  }
}
.tabs__tab-link {
  font-size: 14px;
  padding: 0.3rem 1rem;
  display: inline-block;
  width: 100%;
  background: hsl(0, 0%, 96%);
}
.tabs__tab-link:hover, .tabs__tab-link:focus, .tabs__tab-link.is-active {
  color: black;
  background: transparent;
}
.tabs--secondary {
  width: 100%;
}
.tabs--secondary .tabs__tab {
  margin: 0.5rem 0.5rem 0.5rem 0;
  border: 0;
  border-radius: 0;
}
.tabs--secondary .tabs__tab-link {
  background: transparent;
}
.tabs--secondary .tabs__tab-link.is-active {
  background: hsl(0, 0%, 96%);
}

.js-form-type-vertical-tabs {
  display: inline-block;
  width: 100%;
}

.vertical-tabs__menu {
  padding: 0;
}
.vertical-tabs__menu-item {
  font-size: 16px;
}
.vertical-tabs__menu-item-title {
  text-decoration: none;
}
.vertical-tabs__pane {
  padding: 0 1rem;
  clear: none;
  display: inline;
}
.vertical-tabs__menu-item-summary {
  padding-left: 5px;
}
.vertical-tabs .summary,
.vertical-tabs .details-wrapper {
  border: none;
}

.solrsearch-input-box .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.solrsearch-input-box .form-group {
  margin-bottom: 8px;
}
.solrsearch-input-box .form-item-query {
  width: 100%;
}
.solrsearch-input-box .js-form-item-query {
  position: relative;
}
.solrsearch-input-box .js-form-item-query input.form-autocomplete {
  background-image: none;
}
.solrsearch-input-box .js-form-item-query .search-input__button--search {
  right: 0;
  width: 47px;
  height: 44px;
}
.rtl .solrsearch-input-box .js-form-item-query .search-input__button--search {
  left: 0;
  right: auto;
}
@media only screen and (min-width: 768px) {
  .solrsearch-input-box .js-form-item-query .search-input__button--search {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
}
.solrsearch-input-box .js-form-item-query .unicef-icon {
  top: 0;
}
.solrsearch-input-box .js-form-item-query .unicef-icon:before {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 44px;
  content: "\e904";
  font-family: "Unicef";
  font-size: 20px;
  border-radius: 0 10px 10px 0;
  cursor: default;
}
.rtl .solrsearch-input-box .js-form-item-query .unicef-icon:before {
  border-radius: 10px 0 0 10px;
  left: 0;
  right: auto;
}
@media only screen and (min-width: 768px) {
  .solrsearch-input-box .js-form-item-query .unicef-icon:before {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
}
.solrsearch-input-box .js-form-item-query .unicef-icon.activate:before {
  cursor: pointer;
}

.solrsearch-form-submit {
  display: none;
}

.autocomplete-dropdown-fixed {
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.25);
  position: fixed;
  z-index: 11;
}

.sliding-popup-content {
  position: relative;
}
.sliding-popup-content #popup-text {
  font-weight: normal;
  text-align: left;
  padding: 15px 40px 15px 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.alert--language-message .sliding-popup-content #popup-text {
  box-shadow: none;
}
@media only screen and (min-width: 480px) {
  .sliding-popup-content #popup-text {
    padding: 15px 61px 15px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .sliding-popup-content #popup-text {
    padding: 15px 61px 15px 20px;
  }
}
@media only screen and (min-width: 992px) {
  .sliding-popup-content #popup-text {
    padding: 15px 71px 15px 30px;
  }
}
.sliding-popup-content #popup-text p {
  margin: 0;
}
.rtl .sliding-popup-content #popup-text {
  text-align: right;
  padding: 15px 15px 15px 40px;
}
@media only screen and (min-width: 480px) {
  .rtl .sliding-popup-content #popup-text {
    padding: 15px 20px 15px 61px;
  }
}
@media only screen and (min-width: 768px) {
  .rtl .sliding-popup-content #popup-text {
    padding: 15px 20px 15px 61px;
  }
}
@media only screen and (min-width: 992px) {
  .rtl .sliding-popup-content #popup-text {
    padding: 15px 30px 15px 71px;
  }
}
.sliding-popup-content #popup-buttons {
  position: absolute;
  top: 0;
  right: 0;
}
.sliding-popup-content #popup-buttons .close-btn {
  display: block;
  padding-right: 16px;
  padding-top: 13px;
}
.sliding-popup-content #popup-buttons .close-btn:after {
  content: none;
}
.rtl .sliding-popup-content #popup-buttons {
  right: auto;
  left: 0;
}

.alert--language-message {
  width: 100%;
}
@media (max-width: 992px) {
  .alert--language-message {
    position: fixed;
    z-index: 11;
  }
}

@media (max-width: 767px) {
  html[dir=rtl] .collage-block--caption-container :is(.caption, .credit) {
    text-align: right;
  }
}
.collage-block--tablet-desktop-screen {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper,
.collage-block--tablet-desktop-screen .collage-block--bg-container {
  width: 100vw;
  position: sticky;
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper,
  .collage-block--tablet-desktop-screen .collage-block--bg-container {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper,
  .collage-block--tablet-desktop-screen .collage-block--bg-container {
    top: 56px;
  }
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-video,
.collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-video {
  overflow: hidden;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-video,
  .collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-video {
    height: calc(100vh - 65px);
  }
}
@media only screen and (min-width: 992px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-video,
  .collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-video {
    height: calc(100vh - 56px);
  }
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-video .play-icon,
.collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-video .play-icon {
  display: none;
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-image,
.collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-image {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-image,
  .collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-image {
    height: 95vh;
  }
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--no-bg-image,
  .collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--no-bg-image {
    height: 95vh;
  }
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-image-overlay,
.collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-image-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-image-overlay,
  .collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-image-overlay {
    height: calc(100vh - 65px);
  }
}
@media only screen and (min-width: 992px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--bg-image-overlay,
  .collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-image-overlay {
    height: calc(100vh - 56px);
  }
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .collage-block--no-bg-image-overlay,
.collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--no-bg-image-overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls,
.collage-block--tablet-desktop-screen .audio-play-container .video-controls {
  margin: 0;
  top: 15px;
  max-width: calc(100% - 80px);
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls,
  .collage-block--tablet-desktop-screen .audio-play-container .video-controls {
    top: 30px;
    max-width: calc(100% - 120px);
  }
}
@media only screen and (min-width: 992px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls,
  .collage-block--tablet-desktop-screen .audio-play-container .video-controls {
    top: 77px;
    max-width: calc(100% - 135px);
  }
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls .video-controls__button,
.collage-block--tablet-desktop-screen .audio-play-container .video-controls .video-controls__button {
  width: 35px;
  height: 35px;
}
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls .video-controls__button .button--video-controls__play,
.collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls .video-controls__button .button--video-controls__pause,
.collage-block--tablet-desktop-screen .audio-play-container .video-controls .video-controls__button .button--video-controls__play,
.collage-block--tablet-desktop-screen .audio-play-container .video-controls .video-controls__button .button--video-controls__pause {
  width: 35px;
  height: 35px;
}
@media only screen and (min-width: 992px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls .video-controls__button,
  .collage-block--tablet-desktop-screen .audio-play-container .video-controls .video-controls__button {
    width: 44px;
    height: 44px;
  }
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls .video-controls__button .button--video-controls__play,
  .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls .video-controls__button .button--video-controls__pause,
  .collage-block--tablet-desktop-screen .audio-play-container .video-controls .video-controls__button .button--video-controls__play,
  .collage-block--tablet-desktop-screen .audio-play-container .video-controls .video-controls__button .button--video-controls__pause {
    width: 40px;
    height: 43px;
  }
}
.collage-block--tablet-desktop-screen .collage-block--content {
  min-height: 250vh;
  width: calc(100vw - 80px);
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--content {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container {
    width: 650px;
    display: grid;
    grid-template-columns: 365px 255px;
    grid-template-rows: 0 auto 50px;
    position: relative;
    pointer-events: none;
  }
}
@media only screen and (min-width: 1200px) {
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container {
    width: 970px;
    grid-template-columns: 535px 400px;
  }
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-image,
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video,
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video_file {
    isolation: isolate;
    width: 285px;
    aspect-ratio: 16/9;
    grid-row: 1;
    grid-column-start: 2;
    transform: translateY(-50%);
    position: absolute;
    top: 0;
    pointer-events: all;
    z-index: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-image,
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video,
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video_file {
    width: 435px;
  }
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-image .audio-play-container .img-cc-cntr .m-credit,
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video .audio-play-container .img-cc-cntr .m-credit,
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video_file .audio-play-container .img-cc-cntr .m-credit {
  background: #111;
  color: #FFF;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 3px;
  text-align: center;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-image .audio-play-container .video-controls,
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video .audio-play-container .video-controls,
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video_file .audio-play-container .video-controls {
  position: absolute;
  top: 0;
  max-width: calc(100% - 40px);
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video .field_media_video_url-item,
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-video_file .field_media_video_url-item {
  margin: -23px 0;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container {
  background-color: #fff;
  padding: 40px 25px;
  pointer-events: all;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container {
    padding: 40px 70px 40px 40px;
    height: min-content;
    grid-row: 2;
    grid-column-start: 1;
    width: 395px;
  }
}
@media only screen and (min-width: 1200px) {
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container {
    width: 570px;
  }
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container * {
  position: relative;
  z-index: 1;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container p:only-child {
  margin-bottom: 0;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container .field_component_text_box {
  margin: 0;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container p.lead-in,
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container h3 {
  margin: 0 0 20px !important;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container p.call-text {
  margin: 0 0 30px !important;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container p:first-child,
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container h3:first-child {
  margin-top: 0 !important;
}
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container p:last-child,
.collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--text-container h3:last-child {
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) {
  .rtl .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container .collage-block--fg-media + .collage-block--text-container {
    padding: 40px 40px 40px 70px;
  }
}
@media (max-width: 767px) {
  .collage-block--tablet-desktop-screen .collage-block--content .collage-block--grid-container iframe {
    z-index: 2;
  }
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .content--bottom-right .collage-block--grid-container {
    grid-template-columns: 255px 365px;
  }
}
@media only screen and (min-width: 1200px) {
  .collage-block--tablet-desktop-screen .content--bottom-right .collage-block--grid-container {
    grid-template-columns: 400px 535px;
  }
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .content--bottom-right .collage-block--grid-container .collage-block--fg-image,
  .collage-block--tablet-desktop-screen .content--bottom-right .collage-block--grid-container .collage-block--fg-video,
  .collage-block--tablet-desktop-screen .content--bottom-right .collage-block--grid-container .collage-block--fg-video_file {
    grid-column-start: 1;
  }
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .content--bottom-right .collage-block--grid-container .collage-block--text-container {
    grid-column-start: 2;
  }
}
@media only screen and (min-width: 768px) {
  .collage-block--tablet-desktop-screen .content--bottom-right .collage-block--grid-container .collage-block--fg-media + .collage-block--text-container {
    padding: 40px 40px 40px 70px;
  }
}
@media only screen and (min-width: 768px) {
  .rtl .collage-block--tablet-desktop-screen .content--bottom-right .collage-block--grid-container .collage-block--fg-media + .collage-block--text-container {
    padding: 40px 70px 40px 40px;
  }
}

@media only screen and (min-width: 992px) {
  body:has(#gin-toolbar-bar) .collage-block--tablet-desktop-screen .collage-block--bg-video-wraper .video-controls,
  body:has(#gin-toolbar-bar) .collage-block--tablet-desktop-screen .audio-play-container .video-controls {
    top: 130px;
  }
}

.collage-block--caption-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .collage-block--caption-container .collage-block--fg-caption {
    width: 648px;
  }
}
.collage-block--caption-container .collage-block--fg-caption .collage-block--caption-credit {
  font-size: 12px;
  color: #757575;
  letter-spacing: 0.34px;
  line-height: 16px;
  font-family: Roboto;
  font-weight: 400;
  margin: 4px 0;
}
.collage-block--caption-container .collage-block--fg-caption .collage-block--caption-credit::before {
  content: "©";
  font-size: 12px;
  color: #757575;
  letter-spacing: 0.34px;
  line-height: 16px;
  font-family: Roboto;
  font-weight: 400;
  margin: 4px 0;
}
.collage-block--caption-container .collage-block--fg-caption .collage-block--caption {
  font-size: 15px;
  color: #404040;
  letter-spacing: 0.43px;
  line-height: 20px;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 8px;
  width: 100%;
}

html[dir=rtl] .collage-block--caption-container .collage-block--fg-caption .collage-block--caption-credit::after {
  content: "©";
  font-size: 12px;
  color: #757575;
  letter-spacing: 0.34px;
  line-height: 16px;
  font-family: Roboto;
  font-weight: 400;
  margin: 4px 0;
}
html[dir=rtl] .collage-block--caption-container .collage-block--fg-caption .collage-block--caption-credit::before {
  content: "";
  display: none;
}

@media only screen and (min-width: 992px) {
  .collage-block--tablet-desktop-screen .collage-block--bg-container {
    top: 56px;
  }
  .collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--bg-image {
    height: 96vh;
  }
  .collage-block--tablet-desktop-screen .collage-block--bg-container .collage-block--no-bg-image {
    height: 96vh;
  }
}
.collage-block--fg-video_file {
  position: relative;
  z-index: 2;
}
.collage-block--fg-video_file .field_media_video_file {
  max-width: 100%;
  line-height: 0;
}
.collage-block--fg-video_file .field_media_video_file video {
  height: auto;
}

html[dir=rtl] .range-volume {
  transform: rotate(90deg) !important;
}

.hasBG.next-noBG.stickyBottom [data-show=larger] .collage-block--bg-container img,
.next-hasBG.stickyBottom + div [data-show=larger] .collage-block--no-bg-image-overlay,
.next-hasBG.stickyBottom + div [data-show=larger] .collage-block--bg-container img,
.next-hasBG.stickyBottom + div [data-show=larger] .media-block--video-wraper {
  position: fixed;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .hasBG.next-noBG.stickyBottom [data-show=larger] .collage-block--bg-container img,
  .next-hasBG.stickyBottom + div [data-show=larger] .collage-block--no-bg-image-overlay,
  .next-hasBG.stickyBottom + div [data-show=larger] .collage-block--bg-container img,
  .next-hasBG.stickyBottom + div [data-show=larger] .media-block--video-wraper {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .hasBG.next-noBG.stickyBottom [data-show=larger] .collage-block--bg-container img,
  .next-hasBG.stickyBottom + div [data-show=larger] .collage-block--no-bg-image-overlay,
  .next-hasBG.stickyBottom + div [data-show=larger] .collage-block--bg-container img,
  .next-hasBG.stickyBottom + div [data-show=larger] .media-block--video-wraper {
    top: 56px;
  }
}

span.m-credit.field_media_video_credit,
.collage-block--bg-caption-credit,
.collage-block--caption-credit,
.collage-block--bg-video .img-credit {
  background: #111;
  color: #FFF;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 3px;
  text-align: center;
}

.collage-block--bg-caption-credit,
.collage-block--bg-video .field_media_video_credit {
  width: auto;
}

.collage-block--bg-video .img-credit {
  position: absolute;
  bottom: 17px;
  left: 12px;
}
.rtl .collage-block--bg-video .img-credit {
  left: auto;
  right: 12px;
}

.collage-block--fg-image .collage-block--caption-credit {
  display: none;
}
.collage-block--fg-image .view-media_photo_essay {
  position: relative;
  z-index: 2;
}
.collage-block--fg-image .view-media_photo_essay img {
  width: 100%;
  height: auto;
  top: 0;
}
.collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
  display: block;
  position: absolute;
  width: fit-content;
}
@media (max-width: 767px) {
  .collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
    left: 6px;
    bottom: 5px;
    max-width: calc(100% - 12px);
  }
}
@media (max-width: 767px) {
  .rtl .collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
    left: auto;
    right: 6px;
  }
}
@media only screen and (min-width: 768px) {
  .collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
    right: 16px;
    bottom: 12px;
    max-width: calc(100% - 32px);
  }
  .rtl .collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
    right: auto;
    left: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
    right: 8px;
    bottom: 9px;
    max-width: calc(100% - 16px);
  }
  .rtl .collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
    right: auto;
    left: 8px;
  }
}

.content--bottom-right .collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
  left: 8px;
  right: auto;
}
.rtl .content--bottom-right .collage-block--fg-image .view-media_photo_essay .collage-block--caption-credit {
  left: auto;
  right: 8px;
}

.stickyTop [data-show=larger] .collage-block--bg-caption-credit,
.hasBG.next-noBG.stickyBottom [data-show=larger] .collage-block--bg-caption-credit,
.next-hasBG.stickyBottom + div [data-show=larger] .collage-block--bg-caption-credit,
.stickyTop .collage-block--bg-video .field_media_video_credit,
.hasBG.next-noBG.stickyBottom .collage-block--bg-video .field_media_video_credit,
.next-hasBG.stickyBottom + div .collage-block--bg-video .field_media_video_credit {
  position: fixed;
  left: 15px;
  bottom: 11px;
  z-index: 1;
}
.rtl .stickyTop [data-show=larger] .collage-block--bg-caption-credit,
.rtl .hasBG.next-noBG.stickyBottom [data-show=larger] .collage-block--bg-caption-credit,
.rtl .next-hasBG.stickyBottom + div [data-show=larger] .collage-block--bg-caption-credit,
.rtl .stickyTop .collage-block--bg-video .field_media_video_credit,
.rtl .hasBG.next-noBG.stickyBottom .collage-block--bg-video .field_media_video_credit,
.rtl .next-hasBG.stickyBottom + div .collage-block--bg-video .field_media_video_credit {
  left: auto;
  right: 15px;
}
@media only screen and (min-width: 992px) {
  .stickyTop [data-show=larger] .collage-block--bg-caption-credit,
  .hasBG.next-noBG.stickyBottom [data-show=larger] .collage-block--bg-caption-credit,
  .next-hasBG.stickyBottom + div [data-show=larger] .collage-block--bg-caption-credit,
  .stickyTop .collage-block--bg-video .field_media_video_credit,
  .hasBG.next-noBG.stickyBottom .collage-block--bg-video .field_media_video_credit,
  .next-hasBG.stickyBottom + div .collage-block--bg-video .field_media_video_credit {
    bottom: 12px;
    left: 12px;
  }
  .rtl .stickyTop [data-show=larger] .collage-block--bg-caption-credit,
  .rtl .hasBG.next-noBG.stickyBottom [data-show=larger] .collage-block--bg-caption-credit,
  .rtl .next-hasBG.stickyBottom + div [data-show=larger] .collage-block--bg-caption-credit,
  .rtl .stickyTop .collage-block--bg-video .field_media_video_credit,
  .rtl .hasBG.next-noBG.stickyBottom .collage-block--bg-video .field_media_video_credit,
  .rtl .next-hasBG.stickyBottom + div .collage-block--bg-video .field_media_video_credit {
    left: auto;
    right: 12px;
  }
}

.collage-parent.last .field_collage_blocks.stop .stickyBottom:last-child:not(:only-child) .collage-block--content {
  position: relative;
  min-height: 250vh;
}

.collage-parent.last .field_collage_blocks.stop .transition-up:last-child .collage-block--grid-container {
  opacity: 0;
}

.field_collage_blocks.stop [data-show=larger] .collage-block--bg-caption-credit,
.field_collage_blocks.stop .collage-block--bg-video .field_media_video_credit {
  width: fit-content;
  position: relative !important;
  margin-top: -20px;
}

.field_collage_blocks.stop .lastWithBG [data-show=larger] .collage-block--bg-caption-credit,
.field_collage_blocks.stop .lastWithBG .collage-block--bg-video .field_media_video_credit {
  position: absolute !important;
  display: flex !important;
}

.stickyBottom:not(:last-child):not(.lastWithBG) .collage-block--bg-caption-credit,
.stickyBottom:not(:last-child):not(.lastWithBG) .collage-block--bg-video .field_media_video_credit {
  display: none !important;
}

.stickyBottom:not(:last-child):not(.lastWithBG) .collage-block--bg-caption-credit,
.stickyBottom:not(:last-child):not(.lastWithBG) .collage-block--bg-video .field_media_video_credit {
  display: none;
}

.lastWithBG ~ div [data-show=larger] .collage-block--no-bg-image {
  height: 0;
}

.start-opacity .hasBGImageColor .collage-block--bg-image-overlay,
.stickyBottom + div:not(.stickyBottom) .hasBGImageColor .collage-block--bg-image-overlay {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  .start-opacity .hasBGImageColor .collage-block--bg-image-overlay,
  .stickyBottom + div:not(.stickyBottom) .hasBGImageColor .collage-block--bg-image-overlay {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .start-opacity .hasBGImageColor .collage-block--bg-image-overlay,
  .stickyBottom + div:not(.stickyBottom) .hasBGImageColor .collage-block--bg-image-overlay {
    top: 56px;
  }
}

.field_collage_blocks.stop [data-show=larger] .collage-block--bg-container img,
.field_collage_blocks.stop [data-show=larger] .collage-block--no-bg-image-overlay,
.field_collage_blocks.stop [data-show=larger] .media-block--video-wraper {
  position: absolute !important;
}
.field_collage_blocks.stop .lastWithBG.stickyBottom [data-show=larger] .collage-block--bg-container img,
.field_collage_blocks.stop .lastWithBG.stickyBottom [data-show=larger] .collage-block--no-bg-image,
.field_collage_blocks.stop .lastWithBG.stickyBottom [data-show=larger] .media-block--video-wraper,
.field_collage_blocks.stop .lastWithBG.stickyBottom [data-show=larger] .collage-block--no-bg-image-overlay {
  position: static !important;
}
.field_collage_blocks.stop .lastWithBG.stickyBottom [data-show=larger] .collage-block--no-bg-image-overlay {
  top: 0 !important;
  left: 0 !important;
  position: absolute !important;
}

.field_collage_blocks.stop > div:last-child .hasBGImageColor .collage-block--bg-image-overlay {
  position: absolute !important;
  height: 100%;
  top: 0 !important;
}
@media only screen and (min-width: 768px) {
  .field_collage_blocks.stop > div:last-child .hasBGImageColor .collage-block--bg-image-overlay {
    max-height: calc(100vh - 65px);
  }
}
@media only screen and (min-width: 992px) {
  .field_collage_blocks.stop > div:last-child .hasBGImageColor .collage-block--bg-image-overlay {
    max-height: calc(100vh - 56px);
  }
}

.field_collage_blocks.stop .collage-block--grid-container {
  opacity: 0;
}

.field_collage_blocks .field_collage_blocks-item .collage-block--content .audio-play-container .media-block--video-wraper {
  position: static !important;
}

.collage-block--fg-image img {
  width: 100%;
}

.lastWithBG ~ div [data-show=larger] .collage-block--no-bg-image {
  height: 0;
}

/* Safari 9+ */
@supports (-webkit-hyphens: none) {
  .collage-block--tablet-desktop-screen .collage-block--content {
    z-index: 90;
  }
}
/* TRANSITIONS */
.field_collage_blocks.start {
  /* TRANSITION FADE */
  /* TRANSITION DOWN START */
}
.field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper img,
.field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper video,
.field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper .collage-block--no-bg-image-overlay {
  position: fixed;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper img,
  .field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper video,
  .field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper .collage-block--no-bg-image-overlay {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper img,
  .field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper video,
  .field_collage_blocks.start .transition-fade.startAnimation .collage-block--bg-wrapper .collage-block--no-bg-image-overlay {
    top: 56px;
  }
}
.field_collage_blocks.start .nextTrUp.stickyTop .collage-block--bg-wrapper {
  position: fixed;
  height: 100%;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .field_collage_blocks.start .nextTrUp.stickyTop .collage-block--bg-wrapper {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .field_collage_blocks.start .nextTrUp.stickyTop .collage-block--bg-wrapper {
    top: 56px;
  }
}
.field_collage_blocks.start .nextIsTransitionUp .collage-block--bg-wrapper {
  z-index: 1;
  overflow: hidden;
}
.field_collage_blocks.start .nextIsTransitionUp .collage-block--bg-wrapper img,
.field_collage_blocks.start .nextIsTransitionUp .collage-block--bg-wrapper video,
.field_collage_blocks.start .nextIsTransitionUp .collage-block--no-bg-image-overlay,
.field_collage_blocks.start .nextIsTransitionUp .media-block--video-wraper {
  position: static !important;
}
.field_collage_blocks.start .nextIsTransitionUp .collage-block--no-bg-image,
.field_collage_blocks.start .nextIsTransitionUp .collage-block--bg-video {
  height: 100%;
}
.field_collage_blocks.start .nextIsTransitionUp .hasBGImageColor .collage-block--bg-image-overlay {
  position: absolute;
  top: 0 !important;
}
.field_collage_blocks.start .nextTrUp.stickyBottom .collage-block--bg-wrapper {
  height: 0% !important;
}
.field_collage_blocks.start .transition-up.startAnimation .collage-block--bg-wrapper {
  position: fixed;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .field_collage_blocks.start .transition-up.startAnimation .collage-block--bg-wrapper {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .field_collage_blocks.start .transition-up.startAnimation .collage-block--bg-wrapper {
    top: 56px;
  }
}
.field_collage_blocks.start .transition-down.startAnimation .collage-block--bg-wrapper {
  overflow: hidden;
  position: fixed;
  height: 0%;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .field_collage_blocks.start .transition-down.startAnimation .collage-block--bg-wrapper {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .field_collage_blocks.start .transition-down.startAnimation .collage-block--bg-wrapper {
    top: 56px;
  }
}

.field_collage_blocks .nextTrUp .collage-block--content {
  margin-top: 120vh;
  min-height: 270vh;
}

.field_collage_blocks .nextTrDown .collage-block--content {
  margin-top: 120vh;
  min-height: 270vh;
}

.collage-block--fg-image img,
.collage-block--fg-image video {
  width: 100%;
}

.collage-block--text-container.hide-text-block {
  opacity: 0;
}

.collage-block--bg-wrapper .hidden-text-block {
  opacity: 0;
}

@media (max-width: 767px) {
  .startAnimation .media-block--video-wraper {
    top: 0 !important;
    position: static !important;
  }
}

.field_collage_blocks.stop > .field_collage_blocks-item:last-child .collage-block--bg-wrapper {
  width: 100vw !important;
  position: sticky;
}
@media (max-width: 767px) {
  .field_collage_blocks.stop > .field_collage_blocks-item:last-child .collage-block--bg-wrapper {
    height: auto;
  }
}

.os-windows .field_collage_blocks.stop > .field_collage_blocks-item:last-child .collage-block--bg-wrapper {
  width: calc(100vw - 14px) !important;
}

.field_collage_blocks.stop > .field_collage_blocks-item:not(:last-child):not(.lastWithBG) {
  opacity: 0;
}

/* COLLAGE STOP - LAST TWO: IMAGE + VIDEO / SOLID COLOR  */
.field_collage_blocks.stop .stickyBottom:has(img) + .lastWithBG.stickyBottom:not(:has(img)) [data-show=larger] .collage-block--content {
  min-height: 350vh !important;
}

/* COLLAGE STOP - LAST TWO: VIDEO / SOLID COLOR + IMAGE */
.field_collage_blocks.stop .stickyBottom:not(:has(img)) + .lastWithBG.stickyBottom:has(img) [data-show=larger] .collage-block--content {
  min-height: 150vh !important;
}

.transition-fade.startAnimation .hasBGImageColor .collage-block--bg-image-overlay,
.stickyBottom + .transition-fade:not(.stickyTop) .hasBGImageColor .collage-block--bg-image-overlay {
  position: fixed;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .transition-fade.startAnimation .hasBGImageColor .collage-block--bg-image-overlay,
  .stickyBottom + .transition-fade:not(.stickyTop) .hasBGImageColor .collage-block--bg-image-overlay {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .transition-fade.startAnimation .hasBGImageColor .collage-block--bg-image-overlay,
  .stickyBottom + .transition-fade:not(.stickyTop) .hasBGImageColor .collage-block--bg-image-overlay {
    top: 56px;
  }
}

.stickyBottom + .transition-up .hasBGImageColor .collage-block--bg-image-overlay {
  position: fixed;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .stickyBottom + .transition-up .hasBGImageColor .collage-block--bg-image-overlay {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .stickyBottom + .transition-up .hasBGImageColor .collage-block--bg-image-overlay {
    top: 56px;
  }
}

.stickyBottom + .transition-down .hasBGImageColor .collage-block--bg-image-overlay {
  position: fixed;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .stickyBottom + .transition-down .hasBGImageColor .collage-block--bg-image-overlay {
    top: 65px;
  }
}
@media only screen and (min-width: 992px) {
  .stickyBottom + .transition-down .hasBGImageColor .collage-block--bg-image-overlay {
    top: 56px;
  }
}

@media (max-width: 767px) {
  .stickyTop.transition-fade .hasBGImageColor .collage-block--bg-image-overlay {
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  .stickyBottom + .nextTrUp:not(.stickyTop) .hasBGImageColor .collage-block--bg-image-overlay {
    position: fixed;
  }
}

@media (max-width: 767px) {
  .transition-up.startAnimation .hasBGImageColor .collage-block--bg-image-overlay,
  .transition-down.startAnimation .hasBGImageColor .collage-block--bg-image-overlay {
    top: 0 !important;
  }
}

.stickyBottom {
  pointer-events: none;
}

.field_collage_blocks-item .collage-block--content {
  position: relative;
}

.collage-block--wraper img,
.collage-block--wraper video {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .collage-block--wraper img,
  .collage-block--wraper video {
    height: 100vh;
    top: 65px;
    max-height: calc(100vh - 65px);
  }
}
@media only screen and (min-width: 992px) {
  .collage-block--wraper img,
  .collage-block--wraper video {
    top: 56px;
    max-height: calc(100vh - 56px);
  }
}
.collage-block--wraper img.image-cropped {
  visibility: hidden;
}

.collage-parent + div:not(.collage-parent) {
  margin-top: 50px;
}
@media only screen and (min-width: 992px) {
  .collage-parent + div:not(.collage-parent) {
    margin-top: 60px;
  }
}

.collage-parent {
  position: relative;
  z-index: 1;
}

.collage-parent.start {
  position: relative;
  z-index: 2;
}

.transition-up.stickyBottom:last-child .collage-block--content {
  min-height: 150vh;
}

.stickyBottom.noBG:last-child .collage-block--no-bg-image {
  display: none;
}

.stickyBottom.noBG.stopped {
  display: none;
}

.hasBG.next-noBG.stickyBottom .m-credit {
  display: inline !important;
}

.clonedBG + .hasBG.startAnimation .m-credit {
  position: fixed;
  bottom: 12px;
  display: block !important;
}
.ltr .clonedBG + .hasBG.startAnimation .m-credit {
  left: 12px;
}
.rtl .clonedBG + .hasBG.startAnimation .m-credit {
  right: 12px;
}

.stickyBottom + div:not(.stickyBottom) .video-controls {
  position: fixed;
  top: calc(var(--header-height) + var(--alert-top) + var(--alert-message-height) + 15px);
}
@media only screen and (min-width: 768px) {
  .stickyBottom + div:not(.stickyBottom) .video-controls {
    top: calc(var(--header-height) + var(--alert-top) + var(--alert-message-height) + 30px);
  }
}
@media only screen and (min-width: 992px) {
  .stickyBottom + div:not(.stickyBottom) .video-controls {
    top: 134px;
  }
}

@media only screen and (min-width: 992px) {
  body:has(#gin-toolbar-bar) .stickyBottom + div:not(.stickyBottom) .video-controls {
    top: 187px;
  }
}

.view-collage > .field.media.image:not(.is-b-loaded) {
  overflow: hidden;
  position: relative;
}
.view-collage > .field.media.image:not(.is-b-loaded)::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 5px solid lightgray;
  border-top-color: transparent;
  animation: loading 2s linear infinite;
  max-width: 50px;
  background: none;
}
@media (max-width: 991px) {
  .view-collage > .field.media.image > img.image-cropped:first-child {
    width: 1px;
    height: 1px;
    position: fixed !important;
  }
}
@media (max-width: 767px) {
  .view-collage > .field.media.image > img.image-cropped:nth-child(2) {
    width: 1px;
    height: 1px;
    position: fixed !important;
  }
}
@media (min-width: 992px) {
  .view-collage > .field.media.image > img.image-cropped:nth-child(2) {
    width: 1px;
    height: 1px;
    position: fixed !important;
  }
}
@media (min-width: 768px) {
  .view-collage > .field.media.image > img.image-cropped:nth-child(3) {
    width: 1px;
    height: 1px;
    position: fixed !important;
  }
}

.paragraph-component-collage-blocks:not(.show-parent-collage) {
  overflow: hidden;
  position: fixed;
  z-index: -9999;
}
.paragraph-component-collage-blocks:not(.show-parent-collage) * {
  opacity: 0;
}

.transition-fade.stickyBottom,
.nextTrFade.stickyBottom + .transition-fade {
  opacity: 1 !important;
}

.pager-nav {
  text-align: center;
  margin: 15px 0 15px 0;
}

.pager__item.pager__item--previous {
  width: auto;
}

.pager__item.pager__item--next {
  width: auto;
}

.pagination-pages {
  text-align: center;
}
.pagination-pages p {
  float: none;
  display: inline;
  margin: 25px 30px 0 0;
  color: #1cabe2;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
.rtl .pagination-pages p {
  margin: 25px 0 0 30px;
}
.pagination-pages nav {
  display: inline-block;
}
.pagination-pages nav .pagination--dropdown {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .pagination-pages {
    text-align: left;
  }
  .pagination-pages p {
    float: left;
  }
  .rtl .pagination-pages p {
    float: right;
  }
}

.list-view-pagination .pagination-left {
  float: none;
}
.list-view-pagination .pagination-left .pager-nav {
  text-align: center;
  margin: 5px 0 15px 0;
}
@media only screen and (min-width: 992px) {
  .list-view-pagination .pagination-left {
    float: left;
  }
  .list-view-pagination .pagination-left .pager-nav {
    text-align: left;
    margin: 15px 0 15px 0;
  }
  .rtl .list-view-pagination .pagination-left .pager-nav {
    text-align: right;
  }
}
.list-view-pagination .pagination-right {
  float: none;
}
.list-view-pagination .pagination-right .pagination--dropdown {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .list-view-pagination .pagination-right {
    float: right;
  }
}

.tertiary-navigation--content #block-unicef-base-programme-menu {
  padding-top: 0;
}

header .tertiary-navigation {
  align-items: center;
  display: flex;
}

:root {
  --alert-top: 0px;
}

.navbar-nav.nav-menu {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .navbar-nav.nav-menu {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-end;
  }
}
.navbar-nav.nav-menu li {
  float: none;
  display: block;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .navbar-nav.nav-menu li {
    display: block;
    text-align: center;
    margin-right: 30px;
  }
  .rtl .navbar-nav.nav-menu li {
    margin-left: 30px;
    margin-right: 0;
  }
}
.navbar-nav.nav-menu li a {
  color: #000;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  padding: 16px 20px;
  position: relative;
  display: block;
  font-weight: bold;
}
.contrast .navbar-nav.nav-menu li a:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.navbar-nav.nav-menu li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  content: "";
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .navbar-nav.nav-menu li a {
    line-height: 16px;
    padding: 0;
    color: #000;
    text-align: center;
    display: flex;
    flex: 0;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 992px) {
  .navbar-nav.nav-menu li a:hover:after {
    height: 5px;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .navbar-nav.nav-menu li a.mega-active:after, .navbar-nav.nav-menu li a:active:after {
    height: 5px;
    width: 100%;
  }
}
.navbar-nav.nav-menu li a.mega-active > span, .navbar-nav.nav-menu li a:active > span {
  flex: initial;
}
@media only screen and (min-width: 992px) {
  .navbar-nav.nav-menu li a.mega-active > span, .navbar-nav.nav-menu li a:active > span {
    background-color: transparent;
  }
}
@media only screen and (min-width: 992px) {
  .navbar-nav.nav-menu li a > span {
    padding: 0;
  }
}

.rtl nav#block-unicef-base-mainnavigationarabic {
  width: 100%;
}

.region--navigation-collapsible {
  position: relative;
}
.region--navigation-collapsible nav {
  width: 100%;
  flex: 1;
}
.region--navigation-collapsible nav div#block-meganavigation {
  display: block;
  background-color: #ffffff;
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation {
    display: flex;
    width: 100%;
  }
}
.region--navigation-collapsible nav div#block-meganavigation span {
  color: #000;
  border-left: none;
}
.region--navigation-collapsible nav div#block-meganavigation a:active {
  background-color: unset;
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-menu {
  float: none;
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu--back.small-lk {
    display: none;
  }
}
.region--navigation-collapsible nav div#block-meganavigation .menu-item,
.region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle {
  gap: 10px;
}
@media only screen and (max-width: 991px) {
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu,
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    max-height: calc(100dvh - var(--alert-top) - var(--header-height) - 20px);
    overflow-y: auto;
    width: 100%;
    z-index: 1;
  }
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu .dropdown-submenu--back:has(+ .hidden),
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu .dropdown-submenu--back:has(+ .hidden) {
    margin-bottom: 15px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu .dropdown-submenu--back .back-link,
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu .dropdown-submenu--back .back-link {
    font-weight: 400;
    margin: 0 20px;
    border-color: rgba(17, 17, 17, 0.5);
    padding: 8px 0 15px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu .dropdown-submenu--back .caret,
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu .dropdown-submenu--back .caret {
    transform: rotate(90deg);
    position: relative;
    top: -1px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu .dropdown-submenu--parent-link .parent-link,
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu .dropdown-submenu--parent-link .parent-link {
    gap: 10px;
    font-weight: 700;
    border-bottom: 1px solid #111;
    padding: 15px 0;
    margin: 30px 20px 20px 20px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu a,
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu a {
    display: flex;
    gap: 5px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.5);
  }
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu a.menu-item::after,
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu a.menu-item::after {
    content: "\e94a";
    font-family: "Unicef";
    width: auto;
    height: auto;
    float: right;
    font-size: 12px;
    transform: rotate(-90deg);
    right: 12px;
    left: unset;
    top: 15px;
    bottom: unset;
    background: none !important;
  }
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu a:has(+ .dropdown-menu),
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu a:has(+ .dropdown-menu) {
    border-bottom: unset;
  }
  .region--navigation-collapsible nav div#block-meganavigation .menu-item.open + .mega-nav-background > .dropdown-menu a:has(+ .dropdown-menu).open .caret,
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .mega-nav-background > .dropdown-menu a:has(+ .dropdown-menu).open .caret {
    display: none;
  }
}
.region--navigation-collapsible nav div#block-meganavigation div.mega-nav-background {
  display: none;
  background-color: #f8f8f8;
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation div.mega-nav-background {
    background-color: #ffffff;
  }
}
.region--navigation-collapsible nav div#block-meganavigation .caret {
  display: inline-block;
  border: none;
  pointer-events: none;
}
.region--navigation-collapsible nav div#block-meganavigation .caret::after {
  content: "\e94a";
  font-family: "Unicef";
  width: auto;
  height: auto;
  font-size: 12px;
}
.region--navigation-collapsible nav div#block-meganavigation a.mega-active .caret {
  transform: rotate(180deg);
  left: 10px;
}
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav.nav-menu .level1 {
  margin-right: 30px;
}
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav.nav-menu .level1:last-of-type {
  margin-right: 0;
}
.rtl .region--navigation-collapsible nav div#block-meganavigation .navbar-nav.nav-menu .level1 {
  margin-left: 30px;
  margin-right: 0;
}
.rtl .region--navigation-collapsible nav div#block-meganavigation .navbar-nav.nav-menu .level1:last-of-type {
  margin-left: 0;
}
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav ul,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav li {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-style: none;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav ul,
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav li {
    width: auto;
  }
}
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav ul a.mega-active, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav ul a:hover, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav ul a:active,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav ul span.mega-active,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav ul span:hover,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav ul span:active,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav li a.mega-active,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav li a:hover,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav li a:active,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav li span.mega-active,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav li span:hover,
.region--navigation-collapsible nav div#block-meganavigation .navbar-nav li span:active {
  border: none;
  box-shadow: none;
}
@media only screen and (max-width: 991px) {
  .region--navigation-collapsible nav div#block-meganavigation a:focus-visible::before {
    top: 6px;
    bottom: 6px;
    left: 0;
    right: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation .meganav_ul_featured ul {
    display: flex;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav.nav-menu > li:last-child > a {
    padding-bottom: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav.nav-menu > li > a {
    display: flex;
    padding: 15px 20px !important;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav.nav-menu > li > a:focus-visible::before {
    left: 6px;
    right: 6px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .caret {
    display: inline-block;
    border: none;
    transform: rotate(-90deg);
  }
  .region--navigation-collapsible nav div#block-meganavigation .caret::after {
    content: "\e94a";
    font-family: "Unicef";
    width: auto;
    height: auto;
    float: right;
    font-size: 12px;
    background: none !important;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li.open > div {
    display: block;
    margin: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul {
    padding: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li.break-after, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul.break-after {
    display: none;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li.break-after.open, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul.break-after.open {
    display: block;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li.break-after.open > a.prev_parent:first-child, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul.break-after.open > a.prev_parent:first-child {
    display: none;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul {
    flex-wrap: wrap;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured {
    flex-direction: row;
    width: 100%;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured a, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured a {
    padding-left: 0;
    padding-bottom: 15px;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured a, .rtl .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured a {
    padding-right: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured a > span, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured a > span {
    padding-right: 35px;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured a > span, .rtl .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured a > span {
    padding-right: 0;
    padding-left: 35px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 480px) {
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured {
    border-bottom: none;
    text-align: left;
  }
}
@media only screen and (max-width: 991px) {
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured li.meganav_li_featured, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured li.meganav_li_featured {
    padding-bottom: 15px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured li.meganav_li_featured:last-child, .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured li.meganav_li_featured:last-child {
    padding-bottom: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul a,
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul span {
    padding: 15px 0;
    text-transform: none;
    line-height: 22px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul .dropdown-menu-text {
    padding: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul .dropdown-toggle {
    margin: 0 20px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul .dropdown-toggle span {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    padding: 0 5px 0 0;
    display: inline-block;
    box-sizing: border-box;
    min-width: fit-content;
  }
}
@media only screen and (max-width: 991px) {
  .region--navigation-collapsible nav div#block-meganavigation .hidden {
    display: none;
  }
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-toggle.open + .dropdown-menu .grey-lighter-bc .dropdown-toggle {
    justify-content: space-between;
    border-bottom: 1px solid #000000;
    padding: 16px 0 !important;
    margin: 0 20px;
  }
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-toggle.open .caret {
  transform: rotate(0deg);
}
@media only screen and (max-width: 991px) {
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-toggle + .dropdown-menu {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-toggle .caret {
    display: none;
  }
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu {
  display: none;
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu {
    display: inline-flex;
  }
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li {
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li:last-of-type {
    margin-bottom: 20px;
  }
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li .image-responsive {
  display: block;
  margin-right: 10px;
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li .image-responsive img {
  max-width: inherit;
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li a {
  width: 100%;
  font-weight: 400;
  align-items: start;
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li a:active {
  background-color: unset;
}
.region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li a span {
  padding: 0;
}
.region--navigation-collapsible nav div#block-meganavigation .column-heading {
  display: none;
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation .meganav_featured {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation .navbar-nav li {
    position: static;
  }
  .region--navigation-collapsible nav div#block-meganavigation .level1 > .dropdown-toggle {
    padding: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation .level1 > .dropdown-toggle:focus::before {
    top: 2px;
    right: 0;
    bottom: 2px;
    left: 0;
    z-index: 11;
  }
  .region--navigation-collapsible nav div#block-meganavigation .level1 > .dropdown-toggle .mega-active + .mega-nav-background {
    text-align: left;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
    border-width: 1px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .small-lk > .mega-nav-background {
    display: none;
    border-top-style: solid;
    border-top-width: 2px;
    z-index: 10;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 100%;
    height: auto;
    max-height: 500px;
    overflow-y: auto;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.nav li > div > ul.multi-level {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.nav li > div > ul.multi-level > :nth-child(-n+4) {
    border: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level {
    position: relative;
    display: none;
    max-width: 1170px;
    float: none;
    box-shadow: none;
    border: none;
    padding: 90px 0 30px;
    margin: 0 auto;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    flex: none;
    text-align: left;
    padding-right: 30px;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li:last-child {
    padding-right: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu--parent-link {
    position: absolute;
    top: 30px;
    left: 0;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu--parent-link {
    left: unset;
    right: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu--parent-link a {
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu--parent-link .parent-link:hover {
    text-decoration: none !important;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu--parent-link .parent-link:hover span {
    text-decoration: underline;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu--parent-link .caret {
    display: block;
    transform: rotate(-90deg);
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu--parent-link .caret::after {
    display: block;
    padding: 0;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu--parent-link .caret {
    order: -1;
    transform: rotate(90deg);
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.meganav_ul_featured {
    width: 25%;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu.grey-lighter-bc > .dropdown-toggle {
    height: auto;
    width: fit-content;
    margin: 0 0 16px 0;
    cursor: text;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li.dropdown-submenu.grey-lighter-bc > .dropdown-toggle:hover {
    text-decoration: none;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li .caret {
    display: none;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li .column-heading,
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li a {
    display: flex;
    font-size: 16px;
    margin-bottom: 16px;
    flex: 1;
    height: auto;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li .dropdown-toggle {
    display: block;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li a,
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li span {
    text-align: left;
    white-space: normal;
    justify-content: left;
    text-transform: none;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li a:after,
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li span:after {
    content: none;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li a:hover[href],
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li a.active {
    text-decoration: underline;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li .dropdown-toggle > span {
    padding-bottom: 0;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level .column-heading {
    display: block;
    font-weight: bold;
    line-height: 1;
  }
  .region--navigation-collapsible nav div#block-meganavigation ul.multi-level .column-heading + a.dropdown-toggle {
    display: none;
  }
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu {
    position: static;
    background-color: #f8f8f8;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu {
    background-color: #ffffff;
  }
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu {
    position: static;
    display: inline;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    border: none;
    float: left;
    width: auto;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu {
    float: right;
  }
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li {
    padding: 0;
    display: flex;
    width: 100%;
  }
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li.meganav_li_featured {
    flex-direction: row;
    padding-bottom: 12px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li .image-responsive {
    margin-right: 10px;
  }
  .region--navigation-collapsible nav div#block-meganavigation .parent-break-after ~ .break-after > .dropdown-menu.breaking-list {
    margin-top: 32px;
  }
}

.rtl .region--navigation-collapsible nav div#block-meganavigation a,
.rtl .region--navigation-collapsible nav div#block-meganavigation span {
  border-right: none;
}
@media only screen and (max-width: 991px) {
  .rtl .region--navigation-collapsible nav div#block-meganavigation .caret {
    float: left;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation .caret:after {
    float: left;
    left: 0;
    right: 11px;
  }
}
@media only screen and (min-width: 480px) {
  .rtl .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul > li > ul > li.meganav_li_featured, .rtl .region--navigation-collapsible nav div#block-meganavigation .navbar-nav > li > div > ul ul > ul > li.meganav_li_featured {
    text-align: right;
  }
}
.rtl .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li .image-responsive {
  margin-right: 0;
  margin-left: 10px;
}
@media only screen and (min-width: 992px) {
  .rtl .region--navigation-collapsible nav div#block-meganavigation .meganav_featured {
    padding-right: 0;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li {
    padding-right: 0;
    padding-left: 0;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li a,
  .rtl .region--navigation-collapsible nav div#block-meganavigation ul.multi-level li span {
    text-align: right;
    justify-content: right;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li .image-responsive {
    margin-left: 10px;
    margin-right: 0;
  }
  .rtl .region--navigation-collapsible nav div#block-meganavigation .dropdown-submenu > .dropdown-menu li a {
    text-align: right;
  }
}

@media only screen and (min-width: 992px) {
  .break-after.hide-desktop {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .break-after.hide-desktop .breaking-list {
    display: block !important;
  }
}

@media only screen and (min-width: 992px) {
  .region--navigation-collapsible:not(:has(.searchbutton-container)) nav div#block-meganavigation .navbar-nav.nav-menu .level1:last-of-type {
    margin-right: 35px;
  }
  .rtl .region--navigation-collapsible:not(:has(.searchbutton-container)) nav div#block-meganavigation .navbar-nav.nav-menu .level1:last-of-type {
    margin-right: 0;
    margin-left: 35px;
  }
}

/* Megamenu mobile fixes */
@media (max-width: 991px) {
  .region--navigation-collapsible .dropdown-submenu--parent-link ~ li > a {
    margin: 20px !important;
    border: 0 !important;
  }
}
@media (max-width: 991px) {
  .region--navigation-collapsible .dropdown-submenu--parent-link ~ li > a.open {
    border-bottom: 1px solid rgba(17, 17, 17, 0.5) !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    position: relative;
  }
}
@media (max-width: 991px) {
  .region--navigation-collapsible .dropdown-submenu--parent-link ~ li > a.open:after {
    content: "\e94a";
    font-family: "Unicef";
    width: auto;
    height: auto;
    float: right;
    font-size: 12px;
    transform: rotate(-90deg);
    right: 12px;
    left: unset;
    top: 15px;
    bottom: unset;
    background: none !important;
  }
}
.region--navigation-collapsible .dropdown-submenu--parent-link ~ li > a.open + ul > li > a {
  border-color: rgba(17, 17, 17, 0.5) !important;
}
@media (max-width: 991px) {
  .region--navigation-collapsible .dropdown-submenu--parent-link ~ li > a:after {
    position: static !important;
    width: auto;
  }
}
@media (max-width: 991px) {
  .region--navigation-collapsible .dropdown-submenu--parent-link ~ li > a > span {
    padding: 0 !important;
  }
}
@media (max-width: 991px) {
  .region--navigation-collapsible .dropdown-menu > .hidden ~ li:not(:has(a.open)) {
    display: none !important;
  }
}

.field.media.field_media_video_url {
  position: relative;
}
.field.media.field_media_video_url iframe {
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  right: 0;
  bottom: 0;
}
.field.media.field_media_video_url:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.field_media_video_file {
  overflow: hidden;
  display: block;
  width: 100vw;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .field_media_video_file {
    height: 100%;
  }
}
.field_media_video_file video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
@media (max-width: 480px) {
  .field_media_video_file video {
    height: auto;
    aspect-ratio: 16/9;
  }
}
.field_media_video_file:has(.b-lazy):not(.is-b-loaded) {
  overflow: hidden;
}
.field_media_video_file:has(.b-lazy):not(.is-b-loaded)::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 5px solid lightgray;
  border-top-color: transparent;
  animation: loading 2s linear infinite;
  max-width: 50px;
  background: none;
}

.field_component_hero_stnd_img .media-block--video-wraper,
.field_component_collage_bg_media .media-block--video-wraper,
.field_collage_bg_media .media-block--video-wraper {
  display: block;
  position: relative;
}
.field_component_hero_stnd_img .media-block--video-wraper .experience-block-wrap,
.field_component_collage_bg_media .media-block--video-wraper .experience-block-wrap,
.field_collage_bg_media .media-block--video-wraper .experience-block-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.field_component_hero_stnd_img .media-block--video-wraper .experience-block-wrap.active,
.field_component_collage_bg_media .media-block--video-wraper .experience-block-wrap.active,
.field_collage_bg_media .media-block--video-wraper .experience-block-wrap.active {
  display: block;
}

.media-block .audio-play-container, .column-block .audio-play-container, .media-block-right .audio-play-container, .media-block-left .audio-play-container {
  width: inherit;
  height: inherit;
  position: relative;
}
.media-block .audio-play-container .media-block--video-wraper .field_media_video_file, .column-block .audio-play-container .media-block--video-wraper .field_media_video_file, .media-block-right .audio-play-container .media-block--video-wraper .field_media_video_file, .media-block-left .audio-play-container .media-block--video-wraper .field_media_video_file {
  width: inherit;
  height: inherit;
}
.media-block .audio-play-container .media-block--video-wraper .field_media_video_file video, .column-block .audio-play-container .media-block--video-wraper .field_media_video_file video, .media-block-right .audio-play-container .media-block--video-wraper .field_media_video_file video, .media-block-left .audio-play-container .media-block--video-wraper .field_media_video_file video {
  height: inherit;
}

.audio-play-container .media-block--video-wraper .field_media_video_file {
  line-height: 0;
}

.column-block video {
  aspect-ratio: 16/8.71;
}

.field--name-field-component-media {
  margin: 0;
}

.view-media_photo_essay .media.image:has(.b-lazy):not(.is-b-loaded) {
  overflow: hidden;
  position: relative;
}
.view-media_photo_essay .media.image:has(.b-lazy):not(.is-b-loaded)::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 5px solid lightgray;
  border-top-color: transparent;
  animation: loading 2s linear infinite;
  max-width: 50px;
  background: none;
}
.view-media_photo_essay img.image-cropped {
  visibility: hidden;
  width: auto !important;
}
@media (max-width: 991px) {
  .view-media_photo_essay img.image-cropped:first-child {
    width: 1px;
    height: 1px;
    position: fixed !important;
  }
}
@media (max-width: 767px) {
  .view-media_photo_essay img.image-cropped:nth-child(2) {
    width: 1px;
    height: 1px;
    position: fixed !important;
  }
}
@media (min-width: 992px) {
  .view-media_photo_essay img.image-cropped:nth-child(2) {
    width: 1px;
    height: 1px;
    position: fixed !important;
  }
}
@media (min-width: 768px) {
  .view-media_photo_essay img.image-cropped:nth-child(3) {
    width: 1px;
    height: 1px;
    position: fixed !important;
  }
}

.logo-phone {
  display: block;
}
@media only screen and (min-width: 992px) {
  .logo-phone {
    display: none;
  }
}

.logo-other {
  display: none;
}
@media only screen and (min-width: 992px) {
  .logo-other {
    display: block;
  }
}

.logo-center {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 6px 12px;
}
.logo-center:focus-visible img {
  outline: none;
}
@media only screen and (min-width: 768px) {
  .logo-center {
    border-bottom: 0 none;
  }
}
@media only screen and (min-width: 992px) {
  .logo-center {
    padding: 22px 0 22px;
  }
}
.logo-center .site-logo img {
  max-height: 70px;
  max-width: 300px;
}
.logo-center .site-logo img.circle {
  max-width: 70px;
}
@media only screen and (min-width: 768px) {
  .logo-center .site-logo img {
    max-height: 100px;
    max-width: 350px;
  }
  .logo-center .site-logo img.circle {
    max-width: 100px;
  }
}
@media only screen and (min-width: 1440px) {
  .logo-center .site-logo img {
    max-width: 500px;
    max-height: 130px;
  }
  .logo-center .site-logo img.circle {
    max-width: 130px;
  }
}
.logo-center .tagline {
  margin: 2px 0 0px 0;
  padding: 0 0px;
}
@media only screen and (min-width: 992px) {
  .logo-center .tagline {
    margin: 6px 0 0 0;
    padding: 0;
  }
}
.logo-center a {
  text-decoration-line: none;
}
.logo-center a .icon-logo-unicef {
  border-bottom: none;
}
.logo-center a .icon-logo-unicef:before {
  font-family: "Unicef-Logos";
  content: "󡤂";
  color: #FFFFFF;
  font-size: 32px;
  padding: 6px 0px 2px 0px;
  display: block;
  line-height: 100%;
}
@media only screen and (min-width: 768px) {
  .logo-center a .icon-logo-unicef:before {
    font-size: 39px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .logo-center a .icon-logo-unicef:before {
    font-size: 55px;
    padding: 10px 0;
  }
}
.logo-center a .icon-logo-unicef.afghanistan_en:before {
  font-family: "Unicef-Logos";
  content: "󡤇";
}
.logo-center a .icon-logo-unicef.zh-hanschinaco:before {
  font-family: "Unicef-Logos";
  content: "󡤧";
}
.logo-center a .icon-logo-unicef.ar:before {
  font-family: "Unicef-Logos";
  content: "󡤀";
}
.logo-center a .icon-logo-unicef.es:before {
  font-family: "Unicef-Logos";
  content: "󡤄";
}
.logo-center a .icon-logo-unicef.fr:before {
  font-family: "Unicef-Logos";
  content: "󡤃";
}
.logo-center a .icon-logo-unicef.zh-hans:before {
  font-family: "Unicef-Logos";
  content: "󡤁";
}
.logo-center a .icon-logo-unicef.ru:before {
  font-family: "Unicef-Logos";
  content: "󡤅";
}
.logo-center a .icon-logo-unicef.ky:before {
  font-family: "Unicef-Logos";
  content: "󡤆";
}
.logo-center a .icon-logo-unicef.tg:before {
  font-family: "Unicef-Logos";
  content: "󡤈";
}
.logo-center a .icon-logo-unicef.tr:before {
  font-family: "Unicef-Logos";
  content: "󡤉";
}
.logo-center a .icon-logo-unicef.ro:before {
  font-family: "Unicef-Logos";
  content: "󡤐";
}
.logo-center a .icon-logo-unicef.sr:before {
  font-family: "Unicef-Logos";
  content: "󡤑";
}
.logo-center a .icon-logo-unicef.rum:before {
  font-family: "Unicef-Logos";
  content: "󡤒";
}
.logo-center a .icon-logo-unicef.cnr:before {
  font-family: "Unicef-Logos";
  content: "󡤓";
}
.logo-center a .icon-logo-unicef.bg:before {
  font-family: "Unicef-Logos";
  content: "󡤔";
}
.logo-center a .icon-logo-unicef.hr:before {
  font-family: "Unicef-Logos";
  content: "󡤕";
}
.logo-center a .icon-logo-unicef.sq:before {
  font-family: "Unicef-Logos";
  content: "󡤖";
}
.logo-center a .icon-logo-unicef.bs:before {
  font-family: "Unicef-Logos";
  content: "󡤗";
}
.logo-center a .icon-logo-unicef.pt-pt:before {
  font-family: "Unicef-Logos";
  content: "󡤣";
}
.logo-center a .icon-logo-unicef.pt-br:before {
  font-family: "Unicef-Logos";
  content: "󡤣";
}
.logo-center a .icon-logo-unicef.hy:before {
  font-family: "Unicef-Logos";
  content: "󡤢";
}
.logo-center a .icon-logo-unicef.bn:before {
  font-family: "Unicef-Logos";
  content: "󡤡";
}
.logo-center a .icon-logo-unicef.km:before {
  font-family: "Unicef-Logos";
  content: "󡤠";
}
.logo-center a .icon-logo-unicef.kk:before {
  font-family: "Unicef-Logos";
  content: "󡤙";
}
.logo-center a .icon-logo-unicef.mk:before {
  font-family: "Unicef-Logos";
  content: "󡤘";
}
.logo-center a .icon-logo-unicef.fa:before {
  font-family: "Unicef-Logos";
  content: "󡤦";
}
.logo-center a .icon-logo-unicef.el:before {
  font-family: "Unicef-Logos";
  content: "\e901";
}
.logo-center a .icon-logo-unicef.qu:before {
  font-family: "Unicef-Logos";
  content: "\e902";
}
.logo-center a .icon-logo-unicef.shp:before {
  font-family: "Unicef-Logos";
  content: "\e900";
}
.logo-center a .icon-logo-unicef.hi:before {
  font-family: "Unicef-Logos";
  content: "\e903";
}
.logo-center a .icon-logo-unicef.mg:before {
  font-family: "Unicef-Logos";
  content: "\e904";
}
.logo-center a .icon-logo-unicef.rw:before {
  font-family: "Unicef-Logos";
  content: "\e905";
}
.logo-center a .icon-logo-unicef.id:before {
  font-family: "Unicef-Logos";
  content: "\e906";
}
.logo-center a .icon-logo-unicef.tk:before {
  font-family: "Unicef-Logos";
  content: "\e907";
}
.logo-center.logo-with-slogan a .icon-logo-unicef {
  border-bottom: none;
}
.block-language {
  display: flex;
  padding: 0 20px;
}
.block-language.hidden {
  display: none;
}
.block-language .language-icon {
  display: inline-block;
  padding: 10px;
  margin-right: 10px;
}
.block-language .language-button {
  display: none;
}
.block-language .c-menu-top--language {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.block-language .menu-top-ul-items-li {
  border-bottom: 4px solid transparent;
}
.block-language .menu-top-ul li {
  padding: 0;
}
.block-language .language-link {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: none;
  padding: 10px 0;
}
@media only screen and (min-width: 992px) {
  .block-language {
    padding: 0;
  }
  .block-language .language-icon {
    display: none;
  }
  .block-language .language-button {
    text-wrap-mode: nowrap;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    display: flex;
    gap: 5px;
    align-items: center;
    min-width: unset;
    padding: 0;
    border: none;
    box-shadow: none;
    line-height: 0;
  }
  .block-language .language-button.expanded .icon--chevron-down {
    transform: rotate(180deg);
  }
  .block-language .language-button:hover {
    text-decoration: underline;
  }
  .block-language .language-button:focus {
    display: flex;
  }
  .block-language .c-menu-top--language {
    display: none;
  }
  .block-language .c-menu-top--language.visible {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 235px;
    position: absolute;
    top: 44px;
    padding: 20px;
    z-index: 51;
  }
  .block-language:last-child .c-menu-top--language.visible {
    right: 20px;
  }
  .rtl .block-language:last-child .c-menu-top--language.visible {
    right: unset;
    left: 20px;
  }
  .block-language .menu-top-ul-items-li {
    width: fit-content;
  }
}

.inverse-logo-center {
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .inverse-logo-center {
    padding: 15px 30px;
  }
}
.inverse-logo-center.hidden {
  display: none;
}
.inverse-logo-center a {
  line-height: 0;
}
.inverse-logo-center .inverse-logo img {
  max-height: 70px;
  max-width: 300px;
}
.inverse-logo-center .tagline {
  height: 18px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin: 2px 0 0;
}

@media (max-width: 991px) {
  .inverse-logo-wrapper {
    min-height: 60px;
    height: 60px !important;
  }
}
.inverse-logo-wrapper nav .menu > li > a {
  height: 100%;
  display: flex;
  align-items: center;
}
.inverse-logo-wrapper .searchbutton-container {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .unicef-roco .inverse-logo-wrapper,
  .unicef-microsite .inverse-logo-wrapper {
    min-height: 80px;
    height: 80px !important;
  }
}

@media (max-width: 991px) {
  .inverse-logo-slogan-wrapper {
    min-height: 80px;
    height: 80px !important;
  }
}

.region--masthead-prefix .block-main-navigation,
.region--masthead-prefix .block__unicef-global-links {
  width: 100%;
}
.region--masthead-prefix .block-main-navigation ul,
.region--masthead-prefix .block__unicef-global-links ul {
  list-style: none;
  padding-left: 0;
}
.rtl .region--masthead-prefix .block-main-navigation ul,
.rtl .region--masthead-prefix .block__unicef-global-links ul {
  padding-right: 0;
}
.region--masthead-prefix .block-main-navigation li,
.region--masthead-prefix .block__unicef-global-links li {
  padding: 0;
}
.region--masthead-prefix .block-main-navigation a,
.region--masthead-prefix .block__unicef-global-links a {
  font-weight: 700;
  font-size: 16px;
  text-decoration: unset;
}
@media only screen and (min-width: 992px) {
  .region--masthead-prefix .block-main-navigation ul,
  .region--masthead-prefix .block__unicef-global-links ul {
    display: flex;
    margin-left: 25px;
  }
  .rtl .region--masthead-prefix .block-main-navigation ul,
  .rtl .region--masthead-prefix .block__unicef-global-links ul {
    margin-left: 0;
    margin-right: 25px;
  }
  .region--masthead-prefix .block-main-navigation ul li + li:last-child a,
  .region--masthead-prefix .block__unicef-global-links ul li + li:last-child a {
    padding-right: 0;
  }
  .rtl .region--masthead-prefix .block-main-navigation ul li + li:last-child a,
  .rtl .region--masthead-prefix .block__unicef-global-links ul li + li:last-child a {
    padding-right: 16px;
    padding-left: 0;
  }
  .region--masthead-prefix .block-main-navigation a,
  .region--masthead-prefix .block__unicef-global-links a {
    padding: 0 16px;
  }
  .region--masthead-prefix .block-main-navigation a:hover,
  .region--masthead-prefix .block__unicef-global-links a:hover {
    text-decoration: underline;
    text-decoration-thickness: 4px;
    text-underline-offset: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .region--masthead-prefix .block-main-navigation ul,
  .region--masthead-prefix .block__unicef-global-links ul {
    border-top: 2px solid;
    padding-top: 20px;
    margin: 20px 20px 0;
  }
}
.region--masthead-prefix .block-language ~ .block__unicef-global-links ul li a {
  border-left: 1px solid;
}
@media only screen and (max-width: 991px) {
  .region--masthead-prefix .block-language ~ .block__unicef-global-links ul li a {
    border-left: 0;
  }
}
.rtl .region--masthead-prefix .block-language ~ .block__unicef-global-links ul li a {
  border-left: none;
  border-right: 1px solid;
}
@media only screen and (max-width: 991px) {
  .rtl .region--masthead-prefix .block-language ~ .block__unicef-global-links ul li a {
    border-right: 0;
  }
}

.footer-social-follow {
  margin-top: 26px;
  margin-bottom: 10px;
}
.footer-social-follow .footer-social-follow-links {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .footer-social-follow .footer-social-follow-links {
    justify-content: flex-end;
  }
}
.footer-social-follow .footer-social-follow-links li {
  padding: 0 2px;
}

.footer-links-container {
  text-align: center;
  padding-bottom: 39px;
  border-bottom: 1px solid #FFFFFF;
}
@media only screen and (min-width: 768px) {
  .footer-links-container {
    padding-left: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .footer-links-container {
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .rtl .footer-links-container {
    padding-right: 0;
  }
}

.social-follow {
  float: none;
  margin: 10px auto 0;
  display: table;
}
@media only screen and (min-width: 992px) {
  .social-follow {
    float: right;
  }
  .rtl .social-follow {
    float: left;
  }
}

.c-footer-links {
  clear: both;
}

@media only screen and (min-width: 992px) {
  .footer-tertiary-menu .footer-copyright-links {
    text-align: right;
  }
}
.rtl .footer-tertiary-menu .footer-copyright-links {
  text-align: left;
}
.footer-tertiary-menu .footer-copyright-links a:focus-visible {
  display: inline;
}
.footer-tertiary-menu .social-follow {
  margin: 0 auto 0;
}
@media only screen and (min-width: 992px) {
  .footer-tertiary-menu .social-follow {
    clear: both;
  }
}

.footer-copyright-links {
  width: 100%;
  text-align: center;
  list-style: none;
  display: table;
  line-height: 25px;
  padding-left: 0;
}
.footer-copyright-links li {
  position: relative;
  padding: 0;
  line-height: 18px;
  display: contents;
}
.rtl .footer-copyright-links li {
  float: right;
}
.rtl .footer-copyright-links li:not(:first-child) {
  padding: 0 10px;
}
@media only screen and (min-width: 992px) {
  .footer-copyright-links li:last-child {
    padding-right: 0px;
  }
  .rtl .footer-copyright-links li:last-child {
    padding-left: 0;
  }
}
.footer-copyright-links li:not(:last-child) a {
  margin-right: 16px;
  position: relative;
}
.rtl .footer-copyright-links li:not(:last-child) a {
  margin-right: 0;
  margin-left: 16px;
}
.footer-copyright-links li:not(:last-child) a:after {
  display: inline-block;
  position: relative;
  content: "";
  right: -8px;
  height: 11px;
  width: 1px;
  top: 2px;
  pointer-events: none;
}
.rtl .footer-copyright-links li:not(:last-child) a:after {
  right: auto;
  left: -8px;
}
.rtl .footer-copyright-links li:not(:last-child) {
  right: unset;
  left: 1px;
}
.rtl .footer-copyright-links {
  padding-right: 0px;
}

.footer-copyright {
  text-align: center;
}
.footer-copyright:active, .footer-copyright:focus, .footer-copyright:hover {
  text-decoration: underline;
}

.field_press_release_media .field--name-field-component-media {
  line-height: 0;
}

.emergency-alert {
  padding: 15px 40px 20px 15px;
  width: 100%;
  position: relative;
  z-index: 99;
}
@media only screen and (min-width: 480px) {
  .emergency-alert {
    padding: 15px 40px 20px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .emergency-alert {
    padding: 15px 40px 20px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .emergency-alert {
    padding: 11px 60px 11px 30px;
  }
}
.emergency-alert.is-alert-stucked {
  position: fixed;
  top: 0;
  visibility: visible;
}
@media only screen and (min-width: 992px) {
  .emergency-alert .emergency-alert-message .emergency-alert-message-content {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    align-items: center;
  }
}
.emergency-alert .emergency-alert-message .emergency-alert-message-content .views-field-field-emergency-alert-message {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  .emergency-alert .emergency-alert-message .emergency-alert-message-content .views-field-field-emergency-alert-message {
    margin-bottom: 0;
  }
}
.emergency-alert .emergency-alert-message .emergency-alert-message-content .views-field-field-emergency-alert-ctabtn a.btn {
  max-width: none;
}
@media only screen and (min-width: 992px) {
  .emergency-alert .emergency-alert-message .emergency-alert-message-content .views-field-field-emergency-alert-ctabtn {
    margin-left: 40px;
  }
}
.emergency-alert .emergency-alert-message .emergency-alert-message-content .views-field-field-emergency-alert-ctabtn ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 19px;
}
.emergency-alert .emergency-alert-message .emergency-alert-message-content .views-field-field-emergency-alert-ctabtn ul li {
  padding: 0;
}
.emergency-alert .emergency-alert-message .emergency-alert-message-content .views-field-field-emergency-alert-ctabtn ul li:first-child {
  margin-left: 0;
}
.emergency-alert .emergency-alert-message .emergency-alert-message-content ul {
  list-style: none;
}
.emergency-alert .emergency-alert-close {
  text-decoration: none;
  top: 0;
  right: 0;
}
.views-row .emergency-alert .emergency-alert-close {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .emergency-alert .emergency-alert-close .close-btn:after {
    font-size: 18px;
    line-height: 18px;
    padding-top: 20px;
  }
}

.rtl .emergency-alert {
  padding: 15px 15px 20px 40px;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .rtl .emergency-alert {
    padding: 15px 20px 20px 40px;
  }
}
@media only screen and (min-width: 768px) {
  .rtl .emergency-alert {
    padding: 15px 30px 15px 40px;
  }
}
@media only screen and (min-width: 992px) {
  .rtl .emergency-alert .emergency-alert-message-content .views-field-field-emergency-alert-ctabtn {
    margin-left: 0;
    margin-right: 40px;
  }
}
.rtl .emergency-alert .emergency-alert-message-content .views-field-field-emergency-alert-ctabtn ul li {
  margin-right: 19px;
}
.rtl .emergency-alert .emergency-alert-message-content .views-field-field-emergency-alert-ctabtn ul li:first-child {
  margin-right: 0;
}
.rtl .emergency-alert .emergency-alert-close {
  right: auto;
  left: 0;
}

[data-block-plugin-id="views_block:unicef_emergency_alert-emergency_alert_block"] .views-row > .views-field-field-emergency-alert-ctabtn {
  display: none;
}

.content-category-content {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
.content-category-content img, .content-category-content svg {
  max-width: 12px;
  max-height: 12px;
  flex: 0 0 auto;
  margin-right: 6px;
  line-height: 6px;
  vertical-align: initial;
  min-width: 10px;
}

.rtl .content-category-content img, .rtl .content-category-content svg {
  margin-left: 6px;
  margin-right: 0;
}

html[dir=rtl] .text_long > p:not(.text-align-center),
html[dir=rtl] .paragraph--type--component-callout-text .field_component_cot_text_content {
  text-align: right;
}
html[dir=rtl] .audio-component-layout .audio-play-layout {
  align-self: flex-start;
}
@media (max-width: 768px) {
  html[dir=rtl] .wrap_around__alignment-75 .audio-play-layout {
    flex-flow: column-reverse;
  }
  html[dir=rtl] .wrap_around__alignment-75 .audio-title {
    font-size: 18px;
  }
}
html[dir=rtl] .wrap_around__alignment-25 .audio-title {
  font-size: 18px;
  align-self: normal;
  width: max-content;
}
html[dir=rtl] .wrap_around__alignment-25 .audio-play-layout {
  flex-flow: column-reverse;
  flex-direction: column;
  align-self: flex-start;
}

.container twitter-widget,
.container iframe {
  margin-left: 0;
  margin-right: 0;
}

.column-block.aligned-center twitter-widget,
.column-block.aligned-center iframe {
  margin-left: auto;
  margin-right: auto;
}

.field_component_text_content .twitter-tweet {
  overflow: auto;
}
.field_component_text_content .tiktok-embed {
  min-width: 0 !important;
  overflow-x: auto;
}

@media only screen and (min-width: 768px) {
  .col-4 .field_component_text_content .twitter-tweet {
    max-width: 309px !important;
  }
}
@media only screen and (min-width: 992px) {
  .col-4 .field_component_text_content .twitter-tweet {
    max-width: 210px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .col-4 .field_component_text_content .twitter-tweet {
    max-width: 262.5px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .col-4 .field_component_text_content .twitter-tweet {
    max-width: 270px !important;
  }
}

.wrap_around {
  margin: auto;
}
.wrap_around__block {
  padding-bottom: 40px;
}
.wrap_around__block .field-label {
  display: none;
}
.wrap_around__block blockquote {
  margin: 0;
  padding: 0 !important;
}
.wrap_around__block blockquote:last-child {
  padding-top: 0;
}
.wrap_around__block .section--block-media figure {
  margin: 0;
}
@media (min-width: 768px) {
  .wrap_around__text {
    display: block;
  }
  .wrap_around--top-left .wrap_around__block {
    float: left;
    margin-right: 30px;
  }
  .wrap_around--top-right .wrap_around__block {
    float: right;
    margin-left: 30px;
  }
  .wrap_around__block {
    padding-bottom: 23px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrap_around__text {
    max-width: 648px;
  }
  .wrap_around__block {
    max-width: 309px;
    width: 309px;
  }
  .wrap_around .audio-component-layout .audio-title {
    width: max-content;
  }
}
@media (min-width: 992px) {
  .wrap_around__text {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    position: relative;
  }
  .wrap_around__text:after {
    content: "";
    display: table;
    clear: both;
  }
  .wrap_around__text p {
    max-width: 770px;
    margin: auto;
  }
  .wrap_around .lead-in,
  .wrap_around .footnote-text,
  .wrap_around .call-text {
    max-width: 770px;
    margin: 50px auto;
  }
  .wrap_around ul, .wrap_around ol, .wrap_around h2, .wrap_around h3, .wrap_around h4, .wrap_around h5, .wrap_around h6 {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
  }
  .wrap_around p {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .wrap_around p {
    margin-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .wrap_around p:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1119px) {
  .wrap_around {
    max-width: 932px;
  }
  .wrap_around__alignment-25 {
    max-width: 290px;
    width: 290px;
  }
  .wrap_around__alignment-75 {
    max-width: 450px;
    width: 450px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .wrap_around {
    max-width: 1140px;
  }
  .wrap_around__alignment-25 {
    max-width: 360px;
    width: 360px;
  }
  .wrap_around__alignment-75 {
    width: 555px;
    max-width: 555px;
  }
}
@media (min-width: 1440px) {
  .wrap_around {
    max-width: 1170px;
  }
  .wrap_around__alignment-25 {
    max-width: 370px;
    width: 370px;
  }
  .wrap_around__alignment-75 {
    max-width: 570px;
    width: 570px;
  }
}
.wrap_around h2, .wrap_around h3, .wrap_around h4, .wrap_around h5, .wrap_around h6 {
  padding-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .wrap_around h2, .wrap_around h3, .wrap_around h4, .wrap_around h5, .wrap_around h6 {
    padding-bottom: 20px;
  }
}
.wrap_around ul, .wrap_around ol {
  margin-bottom: 18px;
}

.wrap_around__block + div {
  display: block;
}
.wrap_around__block + div .embed-media {
  display: flex;
}

@media (min-width: 320px) {
  .paragraph--type--component-quote-carousel {
    display: flex;
    justify-content: center;
  }
  .paragraph--type--component-quote-carousel .container-parallax {
    background-color: transparent;
    max-width: 280px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .paragraph--type--component-quote-carousel .container-parallax {
    max-width: 642px;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .paragraph--type--component-quote-carousel .container-parallax {
    max-width: 932px;
  }
}
@media (min-width: 320px) and (min-width: 1200px) {
  .paragraph--type--component-quote-carousel .container-parallax {
    max-width: 1170px;
  }
}
@media (min-width: 320px) {
  html[dir=rtl] .paragraph--type--component-quote-carousel .container-parallax .parallax {
    margin: 0 20px;
  }
  .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items {
    height: 100%;
    padding: 25px 0;
    align-items: center;
    display: flex;
  }
  .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .field_quote_carousel_items-item {
    width: 300px;
  }
  .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .field_quote_carousel_items-item:nth-child(n-1) {
    margin-right: 20px;
  }
  html[dir=rtl] .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .field_quote_carousel_items-item:nth-child(n-1) {
    margin-right: unset;
    margin-left: 20px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .field_quote_carousel_items-item {
    width: 478px;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .field_quote_carousel_items-item {
    width: 611px;
  }
  .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .field_quote_carousel_items-item:nth-child(n-1) {
    margin-right: 30px;
  }
  html[dir=rtl] .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .field_quote_carousel_items-item:nth-child(n-1) {
    margin-left: 30px;
  }
}
@media (min-width: 320px) and (min-width: 1200px) {
  .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .field_quote_carousel_items-item {
    width: 749px;
  }
}
@media (min-width: 320px) {
  .paragraph--type--component-quote-carousel .container-parallax .field_quote_carousel_items .text {
    color: #000000;
    margin: 25px 0 24px;
    font-family: PTSerif;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    font-size: 24px;
    width: inherit;
  }
}
.box-transition, .card,
.card_large,
.card_stripped {
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
  -ms-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1), border 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.box-shadow, .card,
.card_large,
.card_stripped {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.box-shadow-active, .card:hover,
.card_large:hover,
.card_stripped:hover {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.card,
.card_large,
.card_stripped {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  min-height: 490px;
  text-align: left;
  position: relative;
}
.card:has(a):hover .card-button-link,
.card_large:has(a):hover .card-button-link,
.card_stripped:has(a):hover .card-button-link {
  text-decoration: underline;
}
.card h2 a,
.card h3 a,
.card_large h2 a,
.card_large h3 a,
.card_stripped h2 a,
.card_stripped h3 a {
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  line-height: 27px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .card h2 a,
  .card h3 a,
  .card_large h2 a,
  .card_large h3 a,
  .card_stripped h2 a,
  .card_stripped h3 a {
    font-weight: bold;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
  }
}
.card a::after,
.card_large a::after,
.card_stripped a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.card a:focus:not(a.btntext),
.card_large a:focus:not(a.btntext),
.card_stripped a:focus:not(a.btntext) {
  display: inherit;
}
.card .field.image, .card .media--image,
.card_large .field.image,
.card_large .media--image,
.card_stripped .field.image,
.card_stripped .media--image {
  min-height: 200px;
}
.card .field.image img, .card .media--image img,
.card_large .field.image img,
.card_large .media--image img,
.card_stripped .field.image img,
.card_stripped .media--image img {
  object-fit: cover;
  object-position: 50% 50%;
  height: 200px;
  max-width: none;
  width: fill-available;
  width: -webkit-fill-available;
  width: -moz-available;
  min-width: 100%;
  transition: transform 1s ease;
  -webkit-backface-visibility: hidden;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media only screen and (min-width: 992px) {
  .card .field.image img, .card .media--image img,
  .card_large .field.image img,
  .card_large .media--image img,
  .card_stripped .field.image img,
  .card_stripped .media--image img {
    max-width: 460px;
  }
}
@media only screen and (min-width: 1200px) {
  .card .field.image img, .card .media--image img,
  .card_large .field.image img,
  .card_large .media--image img,
  .card_stripped .field.image img,
  .card_stripped .media--image img {
    max-width: 580px;
  }
}
.card .media--image,
.card_large .media--image,
.card_stripped .media--image {
  min-height: 200px;
}
.card .media--image img,
.card_large .media--image img,
.card_stripped .media--image img {
  position: absolute;
  left: 50%;
}
@media only screen and (min-width: 768px) {
  .card,
  .card_large,
  .card_stripped {
    min-height: 580px;
    max-width: 308px;
  }
}
@media only screen and (min-width: 992px) {
  .card,
  .card_large,
  .card_stripped {
    max-width: 210px;
  }
}
@media only screen and (min-width: 1200px) {
  .card,
  .card_large,
  .card_stripped {
    max-width: 270px;
  }
}
.card:hover .field.image img, .card:hover .media--image img,
.card_large:hover .field.image img,
.card_large:hover .media--image img,
.card_stripped:hover .field.image img,
.card_stripped:hover .media--image img {
  transform: scale(1.06);
}
.card .card-hero-link,
.card_large .card-hero-link,
.card_stripped .card-hero-link {
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  background-clip: padding-box;
  display: block;
  max-height: 200px;
  overflow: hidden;
  min-width: 100%;
}
.card .card-hero-link figure figcaption,
.card_large .card-hero-link figure figcaption,
.card_stripped .card-hero-link figure figcaption {
  display: none;
}
.card .card-hero-link video,
.card_large .card-hero-link video,
.card_stripped .card-hero-link video {
  min-height: 200px;
  object-fit: cover;
}
.card a,
.card_large a,
.card_stripped a {
  text-decoration: none;
  height: 100%;
  display: block;
}
.card a:hover h4,
.card a:hover .card-button-link,
.card_large a:hover h4,
.card_large a:hover .card-button-link,
.card_stripped a:hover h4,
.card_stripped a:hover .card-button-link {
  text-decoration: underline;
}
.card.accent-action-bg svg:not(.button--video-controls), .card.secondary-bg svg:not(.button--video-controls), .card.primary-bg svg:not(.button--video-controls), .card.accent-alert-bg svg:not(.button--video-controls), .card.black-bg svg:not(.button--video-controls), .card.grey1-bg svg:not(.button--video-controls), .card.grey4-bg svg:not(.button--video-controls),
.card_large.accent-action-bg svg:not(.button--video-controls),
.card_large.secondary-bg svg:not(.button--video-controls),
.card_large.primary-bg svg:not(.button--video-controls),
.card_large.accent-alert-bg svg:not(.button--video-controls),
.card_large.black-bg svg:not(.button--video-controls),
.card_large.grey1-bg svg:not(.button--video-controls),
.card_large.grey4-bg svg:not(.button--video-controls),
.card_stripped.accent-action-bg svg:not(.button--video-controls),
.card_stripped.secondary-bg svg:not(.button--video-controls),
.card_stripped.primary-bg svg:not(.button--video-controls),
.card_stripped.accent-alert-bg svg:not(.button--video-controls),
.card_stripped.black-bg svg:not(.button--video-controls),
.card_stripped.grey1-bg svg:not(.button--video-controls),
.card_stripped.grey4-bg svg:not(.button--video-controls) {
  fill: #FFFFFF;
}
.card.accent-action-bg .card-date, .card.secondary-bg .card-date, .card.primary-bg .card-date, .card.accent-alert-bg .card-date, .card.black-bg .card-date, .card.grey1-bg .card-date, .card.grey4-bg .card-date,
.card_large.accent-action-bg .card-date,
.card_large.secondary-bg .card-date,
.card_large.primary-bg .card-date,
.card_large.accent-alert-bg .card-date,
.card_large.black-bg .card-date,
.card_large.grey1-bg .card-date,
.card_large.grey4-bg .card-date,
.card_stripped.accent-action-bg .card-date,
.card_stripped.secondary-bg .card-date,
.card_stripped.primary-bg .card-date,
.card_stripped.accent-alert-bg .card-date,
.card_stripped.black-bg .card-date,
.card_stripped.grey1-bg .card-date,
.card_stripped.grey4-bg .card-date {
  color: #FFFFFF !important;
}
.card.grey-lightest-bg svg, .card.white-bg svg,
.card_large.grey-lightest-bg svg,
.card_large.white-bg svg,
.card_stripped.grey-lightest-bg svg,
.card_stripped.white-bg svg {
  fill: #333333;
}
.card.grey-lightest-bg .card-date, .card.white-bg .card-date,
.card_large.grey-lightest-bg .card-date,
.card_large.white-bg .card-date,
.card_stripped.grey-lightest-bg .card-date,
.card_stripped.white-bg .card-date {
  color: #333333;
}
.card .mosaic-heading--press-release,
.card_large .mosaic-heading--press-release,
.card_stripped .mosaic-heading--press-release {
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .card .mosaic-heading--press-release,
  .card_large .mosaic-heading--press-release,
  .card_stripped .mosaic-heading--press-release {
    font-weight: normal;
    font-style: normal;
    font-size: 19px;
    line-height: 26px;
    margin: 0;
  }
}
.card .card-content,
.card_large .card-content,
.card_stripped .card-content {
  padding: 16px 20px 43px;
  text-align: left;
}
.rtl .card .card-content,
.rtl .card_large .card-content,
.rtl .card_stripped .card-content {
  text-align: right;
  overflow-wrap: break-word;
}
.card .card-content .card-info,
.card_large .card-content .card-info,
.card_stripped .card-content .card-info {
  line-height: 22px;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-end;
  line-height: 0;
  flex-wrap: wrap;
}
.card .card-content .card-info > div,
.card_large .card-content .card-info > div,
.card_stripped .card-content .card-info > div {
  margin-bottom: 5px;
}
.card .card-content .card-info .tile--content-category,
.card_large .card-content .card-info .tile--content-category,
.card_stripped .card-content .card-info .tile--content-category {
  margin-right: 10px;
}
.rtl .card .card-content .card-info .tile--content-category,
.rtl .card_large .card-content .card-info .tile--content-category,
.rtl .card_stripped .card-content .card-info .tile--content-category {
  margin-right: 0;
  margin-left: 10px;
}
.card .card-content .card-info .tile--date,
.card_large .card-content .card-info .tile--date,
.card_stripped .card-content .card-info .tile--date {
  line-height: 0;
}
.card .card-content .card-info .content-category-content,
.card_large .card-content .card-info .content-category-content,
.card_stripped .card-content .card-info .content-category-content {
  justify-content: left;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .card .card-content .card-info .content-category-content,
  .card_large .card-content .card-info .content-category-content,
  .card_stripped .card-content .card-info .content-category-content {
    display: flex;
  }
}
.card .card-content .card-info .card-date,
.card_large .card-content .card-info .card-date,
.card_stripped .card-content .card-info .card-date {
  padding-left: 16px;
  display: inline-block;
  background: transparent url("../images/icons/date-white.svg") 0 2px no-repeat;
}
.card .card-content .mosaic-heading,
.card_large .card-content .mosaic-heading,
.card_stripped .card-content .mosaic-heading {
  margin: 0;
}
.card .card-content .card-description,
.card_large .card-content .card-description,
.card_stripped .card-content .card-description {
  margin: 8px 0 32px;
}
.card .card-content .card-button-link,
.card_large .card-content .card-button-link,
.card_stripped .card-content .card-button-link {
  position: absolute;
  bottom: 8px;
  padding-right: 12px;
}
.card .card-content .card-button-link:focus-visible,
.card_large .card-content .card-button-link:focus-visible,
.card_stripped .card-content .card-button-link:focus-visible {
  position: absolute !important;
}
.card .card-content .card-button-link:before,
.card_large .card-content .card-button-link:before,
.card_stripped .card-content .card-button-link:before {
  content: none;
}
.card .alert-danger,
.card_large .alert-danger,
.card_stripped .alert-danger {
  display: block;
  margin: 0 0 10px;
}
.card.card_large .card-hero-link,
.card_large.card_large .card-hero-link,
.card_stripped.card_large .card-hero-link {
  border-top-right-radius: 0;
}
.rtl .card.card_large .card-hero-link,
.rtl .card_large.card_large .card-hero-link,
.rtl .card_stripped.card_large .card-hero-link {
  border-top-left-radius: 0;
}
@media only screen and (min-width: 992px) {
  .card.card_large > a,
  .card_large.card_large > a,
  .card_stripped.card_large > a {
    display: flex;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .card.card_large,
  .card_large.card_large,
  .card_stripped.card_large {
    display: flex;
    flex-flow: row;
    max-width: 693px;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .card.card_large .field.image img,
  .card_large.card_large .field.image img,
  .card_stripped.card_large .field.image img {
    height: 616px;
  }
  .card.card_large .card-hero-link,
  .card_large.card_large .card-hero-link,
  .card_stripped.card_large .card-hero-link {
    min-width: 460px;
    max-height: 100%;
  }
  .card.card_large .card-content,
  .card_large.card_large .card-content,
  .card_stripped.card_large .card-content {
    padding-left: 20px;
    width: inherit;
  }
}
@media only screen and (min-width: 1200px) {
  .card.card_large,
  .card_large.card_large,
  .card_stripped.card_large {
    max-width: 870px;
  }
  .card.card_large .field.image img,
  .card_large.card_large .field.image img,
  .card_stripped.card_large .field.image img {
    height: 580px;
  }
  .card.card_large .card-hero-link,
  .card_large.card_large .card-hero-link,
  .card_stripped.card_large .card-hero-link {
    min-width: 564px;
  }
}
.card .media-block--video-wraper,
.card_large .media-block--video-wraper,
.card_stripped .media-block--video-wraper {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .card .video-controls button,
  .card_large .video-controls button,
  .card_stripped .video-controls button {
    opacity: 0;
    transition: all 0.1s ease-out;
  }
}
@media only screen and (min-width: 992px) {
  .card .video-controls button:focus-visible,
  .card_large .video-controls button:focus-visible,
  .card_stripped .video-controls button:focus-visible {
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) {
  .card:hover .video-controls button, .card:focus-visible .video-controls button,
  .card_large:hover .video-controls button,
  .card_large:focus-visible .video-controls button,
  .card_stripped:hover .video-controls button,
  .card_stripped:focus-visible .video-controls button {
    opacity: 1;
  }
}

.card .video-controls,
.card_stripped .video-controls {
  top: 3px;
  max-width: calc(100% - 30px);
}

.card_large .card-hero-link.default-logo {
  background: #1cabe2;
  text-align: center;
}
.card_large .card-hero-link.default-logo .field.image span.icon-logo-unicef {
  display: block;
  height: 200px;
  line-height: 200px;
}
.card_large .card-hero-link.default-logo .field.image span.icon-logo-unicef:before {
  font-family: "Unicef";
  content: "\e903";
  color: white;
  font-size: x-large;
}
@media only screen and (min-width: 992px) {
  .card_large .card-hero-link.default-logo .field.image span.icon-logo-unicef:before {
    font-size: xx-large;
  }
}
@media only screen and (min-width: 992px) {
  .card_large .card-hero-link.default-logo .field.image span.icon-logo-unicef {
    height: 538px;
    line-height: 538px;
  }
}
@media only screen and (min-width: 1200px) {
  .card_large .card-hero-link.default-logo .field.image span.icon-logo-unicef {
    height: 556px;
    line-height: 556px;
  }
}
.card_large .video-controls {
  top: 3px;
  max-width: calc(100% - 30px);
}
@media only screen and (min-width: 992px) {
  .card_large .video-controls {
    top: 18px;
    max-width: calc(100% - 80px);
  }
}

.card .press-release.card-description,
.card_stripped .press-release.card-description {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 768px) {
  .card .press-release.card-description,
  .card_stripped .press-release.card-description {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 992px) {
  .card .press-release.card-description,
  .card_stripped .press-release.card-description {
    font-size: 19px;
    line-height: 28px;
  }
}

.rtl .card,
.rtl .card_large {
  text-align: right;
}
.rtl .card .card-content,
.rtl .card_large .card-content {
  text-align: right;
}
.rtl .card .card-content .card-info .content-category-content,
.rtl .card_large .card-content .card-info .content-category-content {
  justify-content: right;
}
.rtl .card .card-content .card-info .card-date,
.rtl .card_large .card-content .card-info .card-date {
  background-position: 100% 2px;
  padding-left: 0;
  padding-right: 16px;
}
.rtl .card .card-content .card-button-link,
.rtl .card_large .card-content .card-button-link {
  right: 0;
  left: auto;
}
@media only screen and (min-width: 768px) {
  .rtl .card.card_large .card-content,
  .rtl .card.card_large .card-button-link,
  .rtl .card_large.card_large .card-content,
  .rtl .card_large.card_large .card-button-link {
    padding-right: 20px;
  }
}

.top-msg-cntr {
  display: none;
}

.region--navigation-collapsible .searchbutton-container {
  display: none;
}
@media only screen and (min-width: 992px) {
  .region--navigation-collapsible .searchbutton-container {
    display: block;
    max-width: 80px;
    padding-right: 30px;
    background-color: #ffffff;
  }
  .rtl .region--navigation-collapsible .searchbutton-container {
    padding-left: 30px;
    padding-right: 0;
  }
}

.block-unicef-search {
  transition: all ease 0.2s;
}
.block-unicef-search[open] {
  position: static;
  width: 100%;
  border: none;
  margin: unset;
  padding: unset;
  max-width: unset;
  inset: revert;
  inset-block-start: unset;
  inset-block-end: unset;
  inset-inline-start: unset;
  inset-inline-end: unset;
}
.block-unicef-search .block-search-popup-block {
  height: 100%;
}
.block-unicef-search .js-search-button-section {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  outline: none;
}
.block-unicef-search .btn--input-search {
  font-size: 14px;
  font-size: 14px;
  align-items: center;
  height: auto;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  width: 100%;
  z-index: 2;
  text-decoration: none;
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .block-unicef-search .btn--input-search {
    height: 38px;
    max-width: 38px;
    margin-left: 22px;
  }
  .rtl .block-unicef-search .btn--input-search {
    margin-left: 0;
    margin-right: 22px;
  }
}
.block-unicef-search .btn--input-search::before {
  display: none;
}
@media only screen and (min-width: 992px) {
  .block-unicef-search .btn--input-search::before {
    display: block;
    transition: all ease 0.2s;
  }
}
.block-unicef-search .btn--input-search .btn-txt-search,
.block-unicef-search .btn--input-search .close-btn {
  font-size: 0px;
  font-size: 0px;
  color: #000;
  display: flex;
  flex-flow: wrap;
  padding: 15px;
  background-color: transparent;
  height: 100%;
  width: 100%;
  align-items: center;
  line-height: 18px;
}
@media only screen and (min-width: 992px) {
  .block-unicef-search .btn--input-search .btn-txt-search,
  .block-unicef-search .btn--input-search .close-btn {
    font-size: 14px;
    font-size: 14px;
    margin: 0;
    width: auto;
    padding: 0;
  }
}
.block-unicef-search .btn--input-search .btn-txt-search .search-label,
.block-unicef-search .btn--input-search .close-btn .search-label {
  font-size: 0px;
  font-size: 0px;
  text-shadow: none;
  text-indent: -999999px;
  display: none;
}
@media only screen and (min-width: 992px) {
  .block-unicef-search .btn--input-search .btn-txt-search .search-label,
  .block-unicef-search .btn--input-search .close-btn .search-label {
    font-size: 14px;
    font-size: 14px;
    text-decoration: none;
    text-indent: 0px;
  }
}
.block-unicef-search .btn--input-search .btn-txt-search:after,
.block-unicef-search .btn--input-search .close-btn:after {
  font-family: "Unicef";
  margin: 0;
  background: none no-repeat;
  font-size: 18px;
  font-size: 18px;
  line-height: 18px;
  height: 18px;
  width: 18px;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .block-unicef-search .btn--input-search .btn-txt-search:after,
  .block-unicef-search .btn--input-search .close-btn:after {
    margin: 0 5px 0 5px;
    height: 20px;
    width: 20px;
  }
}
.block-unicef-search .btn--input-search .btn-txt-search.show,
.block-unicef-search .btn--input-search .close-btn.show {
  display: flex;
}
.block-unicef-search .btn--input-search .btn-txt-search.hide,
.block-unicef-search .btn--input-search .close-btn.hide {
  display: none;
}
.block-unicef-search .btn--input-search .btn-txt-search:after {
  content: "\e904";
}
.block-unicef-search .btn--input-search .close-btn {
  display: none;
}
.block-unicef-search .search--region {
  position: relative;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  height: fit-content;
  padding: 20px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) {
  .block-unicef-search .search--region {
    padding: 40px;
  }
}
.block-unicef-search .search--region .solrsearch-controls.txt-block-full {
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .block-unicef-search .search--region .solrsearch-controls.txt-block-full .form-item {
    max-width: 770px;
    margin: 0 auto;
  }
}
.block-unicef-search .search--region .search--field {
  background-color: transparent;
  box-shadow: none;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0;
}
.block-unicef-search .search--region .search--field .unicef-icon::before {
  width: 44px;
}
.block-unicef-search .search--region .search--field .input-clear-icon::after {
  right: 44px;
  border-right: 1px solid;
}
.rtl .block-unicef-search .search--region .search--field .input-clear-icon::after {
  right: unset;
  left: 44px;
  border-right: unset;
  border-left: 1px solid;
}
@media only screen and (min-width: 768px) {
  .block-unicef-search .search--region .search--field .unicef-icon::before {
    width: 60px;
  }
  .block-unicef-search .search--region .search--field .input-clear-icon::after {
    right: 60px;
  }
  .rtl .block-unicef-search .search--region .search--field .input-clear-icon::after {
    right: unset;
    left: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .block-unicef-search .search--region .search--field .unicef-icon::before {
    width: 60px;
  }
  .block-unicef-search .search--region .search--field .input-clear-icon::after {
    right: 60px;
  }
  .rtl .block-unicef-search .search--region .search--field .input-clear-icon::after {
    right: unset;
    left: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .block-unicef-search .search--region .search--field .unicef-icon::before {
    width: 60px;
  }
  .block-unicef-search .search--region .search--field .input-clear-icon::after {
    right: 60px;
    height: 58px;
  }
  .rtl .block-unicef-search .search--region .search--field .input-clear-icon::after {
    right: unset;
    left: 60px;
  }
}
.block-unicef-search .search--region .unicef-input {
  border: 1px solid;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.block-unicef-search .search--region .unicef-input:focus-visible {
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #00AEEF;
}
.block-unicef-search .search--region .form-actions {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
html[dir=rtl] .block-unicef-search .search--region .form-actions {
  right: auto;
  left: 0;
  transform: translate(50%, -50%);
}
.block-unicef-search .search--region .form-group {
  margin-bottom: 0;
}
.block-unicef-search .search--region .close-search {
  position: fixed;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: opacity 0.2s ease-out;
  cursor: pointer;
}
.block-unicef-search .search--region .close-search:hover {
  opacity: 0.75;
}
.block-unicef-search .search--region .close-search::after {
  content: "\e90a";
  font-family: "Unicef";
}
@media only screen and (min-width: 768px) {
  .block-unicef-search .search--region .close-search {
    display: none;
  }
}
.block-unicef-search .search--region .close-search span {
  font-size: 0;
}

.block-unicef-search.block-search-popup-solr-form-block .search--region .solrsearch-sort-facet-date-container {
  display: none;
}

.rtl .btn--input-search {
  text-align: left;
}
.rtl .btn--input-search:focus {
  display: flex;
}
.rtl .btn--input-search .btn-txt-search .search-label,
.rtl .btn--input-search .close-btn .search-label {
  margin-left: 5px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .rtl .block-unicef-search .btn--input-search .btn-txt-search:after,
    .rtl .block-unicef-search .btn--input-search .close-btn:after {
      position: relative;
      left: 0;
    }
    @media only screen and (min-width: 992px) {
      .rtl .block-unicef-search .btn--input-search .btn-txt-search:after,
      .rtl .block-unicef-search .btn--input-search .close-btn:after {
        left: 0;
      }
    }
  }
}

@keyframes audio_animationfor_banners {
  from {
    top: -20px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes audio_animationfor_blocks {
  from {
    bottom: 20px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@keyframes audio_animation_for_advanced_hero {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 480px) {
  article[class*=landing_page] .has-audio {
    flex-direction: column;
  }
}

.has-audio {
  min-height: 420px;
}
@media (max-width: 480px) {
  .has-audio .hero-default .hero-image img {
    min-height: 350px;
    aspect-ratio: 16/9;
  }
}

.audio-component-layout .audio-title {
  font-family: PTSerif;
  font-size: 20px;
  font-style: italic;
  line-height: 1.35;
  text-align: right;
  color: #fff;
  overflow: hidden;
  display: block;
  transition: 500ms ease all;
  opacity: 0;
  margin: 0;
  height: 0;
}
@media (min-width: 768px) {
  .audio-component-layout .audio-title {
    font-size: 22px;
  }
}
.audio-component-layout .audio-play-layout {
  align-items: center;
  justify-content: flex-end;
  display: flex;
  flex-flow: column-reverse;
  background: #333;
}
@media (min-width: 768px) {
  .audio-component-layout .audio-play-layout {
    flex-flow: row;
  }
}
.audio-component-layout .audio-play-layout .audio-info,
.audio-component-layout .audio-play-layout .audio-transcript {
  color: #fff;
  padding: 5px 8px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  text-decoration: none;
  display: flex;
}
.audio-component-layout .audio-play-layout .audio-info p,
.audio-component-layout .audio-play-layout .audio-transcript p {
  margin: 0;
  text-align: end;
}
.audio-component-layout .audio-play-layout .audio-transcript p {
  height: 0;
  opacity: 0;
}
.audio-component-layout .audio-play-layout .audio-col-1 .audio-info p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.audio-component-layout .audio-play-layout .audio-col-2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.audio-component-layout .audio-play-layout .audio-col-2 .volume-controls {
  position: relative;
}
.audio-component-layout .audio-play-layout .audio-col-2 .volume-controls .range-volume {
  transform: rotate(-90deg);
  left: -36px;
  top: -70px;
  width: 100px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  z-index: 9;
}
@media (max-width: 991px) {
  .audio-component-layout .audio-play-layout .audio-col-2 .volume-controls .range-volume {
    display: none !important;
  }
}
@supports (-moz-appearance: none) {
  .audio-component-layout .audio-play-layout .audio-col-2 .volume-controls .range-volume {
    transform: unset;
    height: 65px;
  }
}
.audio-component-layout .audio-play-layout .audio-col-2 .volume-controls .range-volume:focus {
  height: auto !important;
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
@media only screen and (min-width: 768px) {
  .audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls {
    width: 32px;
    height: 32px;
  }
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls span:before {
  font-family: Unicef;
  font-size: 28px;
}
@media only screen and (min-width: 768px) {
  .audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls span:before {
    font-size: 32px;
  }
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls .icon-audio-play:before {
  content: "\e956";
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls .icon-audio-pause:before {
  content: "\e955";
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls .icon-audio-on:before {
  content: "\e953";
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls .icon-audio-off:before {
  content: "\e954";
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls .icon-audio-transcript {
  font-size: 0;
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-play-controls .icon-audio-transcript:before {
  content: "\e957";
  font-size: 31px;
}
.audio-component-layout .audio-play-layout .audio-col-2 .play {
  margin: 0 8px;
}
@media only screen and (min-width: 768px) {
  .audio-component-layout .audio-play-layout .audio-col-2 .play {
    margin: 0 12px;
  }
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-transcript {
  flex-direction: column;
  width: 26px;
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-transcript .soundcloud-icon {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 8px;
  width: 69px;
}
.audio-component-layout .audio-play-layout .audio-col-2 .audio-transcript .soundcloud-icon p {
  font-size: 8px;
}

.audio-play-container {
  position: initial;
}
.audio-play-container .field-label {
  display: none;
}
.audio-play-container .image::after {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 500ms ease all;
  z-index: 2;
}
.audio-play-container .image img {
  z-index: 1;
  position: relative;
}
.audio-play-container .image .audio-component-layout {
  z-index: 5;
}
.audio-play-container.no-overlay .audio-title {
  opacity: 0;
}
.audio-play-container.no-overlay .image::after {
  opacity: 0;
}
.audio-play-container > .field--name-field-component-media {
  position: relative;
}
.audio-play-container .img-cc-cntr .img-credit {
  position: relative;
  z-index: 2;
  margin: -80px 8px 56px;
}
.audio-play-container .img-cc-cntr .img-credit span {
  background: #111;
  color: #FFF;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 3px;
  text-align: center;
}
.audio-play-container .media-block--video-wraper {
  position: relative;
  margin-bottom: -1px;
}
.audio-play-container .media-block--video-wraper .img-credit {
  position: relative;
  z-index: 2;
  margin: -80px 8px 56px;
}
.audio-play-container .media-block--video-wraper .img-caption {
  max-width: 770px;
  margin: 0 auto;
  width: 100%;
  left: 0;
  right: 0;
}
.audio-play-container video {
  pointer-events: none;
}

.audio-play-container .img-cc-cntr {
  max-width: 100% !important;
}
.audio-play-container .img-caption {
  margin: 0 auto;
}

.hero-media .audio-play-container .image::after {
  content: none;
}

.standard-banner .std-banner-cntr .audio-play-container .audio-component-layout {
  position: absolute !important;
}

/* Setup for collage-block*/
.collage-block--content .collage-block--grid-container .collage-block--fg-image .audio-component-layout .audio-play-layout {
  flex-flow: row;
}

.audio-component-layout {
  animation: none;
  position: relative;
  width: 100%;
}
.audio-component-layout .audio-play-layout {
  background: #333;
  padding: 0 20px;
  height: 50px;
}
@media (max-width: 767px) {
  .audio-component-layout .audio-play-layout {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
}
.audio-component-layout .audio-col-1 {
  margin: 0;
  margin-right: 12px;
  max-width: calc(54% - 20px);
}
.rtl .audio-component-layout .audio-col-1 {
  margin-right: 0;
  margin-left: 12px;
}
.audio-component-layout .audio-col-1 .audio-info,
.audio-component-layout .audio-col-1 .audio-info p {
  padding: 0;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .audio-component-layout .audio-col-1 .audio-info,
  .audio-component-layout .audio-col-1 .audio-info p {
    text-align: right;
  }
}
.audio-component-layout .audio-col-1 .audio-info p {
  font-weight: 400;
  line-height: 16px;
}
.audio-component-layout .audio-col-2 {
  margin: 0;
}
.audio-component-layout .audio-col-2 .audio-transcript {
  padding: 0;
}
.audio-component-layout .audio-col-2 .audio-play-controls {
  border: 0;
  background: none;
}
.audio-component-layout .audio-col-2 .audio-play-controls span {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  transition: opacity 0.1s ease-out;
}
.audio-component-layout .audio-col-2 .audio-play-controls span:hover {
  opacity: 0.6;
}
.audio-component-layout .audio-col-2 .audio-play-controls span:before {
  color: #fff;
  font-weight: 100;
}

/* Tablet adjustments for 25% column */
@media (min-width: 768px) and (max-width: 991px) {
  .col25 .audio-component-layout .audio-play-layout,
  .wrap_around__alignment-25 .audio-component-layout .audio-play-layout {
    height: auto;
    flex-direction: column;
    align-items: start;
    padding-top: 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col25 .audio-component-layout .audio-col-1,
  .wrap_around__alignment-25 .audio-component-layout .audio-col-1 {
    max-width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col25 .audio-component-layout .audio-col-1 .audio-info,
  .col25 .audio-component-layout .audio-col-1 .audio-info p,
  .wrap_around__alignment-25 .audio-component-layout .audio-col-1 .audio-info,
  .wrap_around__alignment-25 .audio-component-layout .audio-col-1 .audio-info p {
    text-align: left;
  }
  .rtl .col25 .audio-component-layout .audio-col-1 .audio-info,
  .rtl .col25 .audio-component-layout .audio-col-1 .audio-info p,
  .rtl .wrap_around__alignment-25 .audio-component-layout .audio-col-1 .audio-info,
  .rtl .wrap_around__alignment-25 .audio-component-layout .audio-col-1 .audio-info p {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col25 .audio-component-layout .audio-col-1 .audio-info p,
  .wrap_around__alignment-25 .audio-component-layout .audio-col-1 .audio-info p {
    text-overflow: unset;
    white-space: normal;
    overflow: visible;
    width: 100%;
  }
}

.top-content-cntr .audio-component-layout {
  padding: 0;
  animation: none;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .top-content-cntr .audio-component-layout {
    margin: 0 auto 50px;
    position: relative;
    top: 50px;
    max-width: 648px;
  }
}
@media only screen and (min-width: 992px) {
  .top-content-cntr .audio-component-layout {
    max-width: 770px;
  }
}

@-moz-document url-prefix() {
  /* Your Firefox-specific styles go here */
  .audio-component-layout .audio-play-layout .audio-col-2 .volume-controls .range-volume {
    top: -100px;
    max-height: 90px;
  }
}
/* MOLECULES END */
/* ORGANISMS START */
header {
  position: relative;
  z-index: 100;
  min-height: 50px;
  clear: both;
}
header .main-header-wrapper {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  header .main-header-wrapper {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) {
  header .main-header-wrapper #navbar-collapse .header-right-top {
    padding: 10px 30px;
  }
}
@media only screen and (min-width: 992px) {
  header .main-header-wrapper #navbar-collapse .header-middle-area {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 992px) {
  header .main-header-wrapper #navbar-collapse .header-middle-area {
    min-height: 110px;
  }
}
header .main-header-wrapper .btn-donate {
  min-width: 100px;
}
@media only screen and (max-width: 991px) {
  .rtl header .main-header-wrapper .btn-donate {
    margin-left: 12px;
  }
}
header .main-header-wrapper .btn-donate:not(:last-child) {
  margin-right: 10px;
}
.rtl header .main-header-wrapper .btn-donate:not(:last-child) {
  margin-left: 10px;
  margin-right: 0;
}
header .is-stucked, header.is-stucked {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  visibility: visible;
  z-index: 120;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1019607843);
}
@media only screen and (min-width: 992px) {
  header .is-stucked, header.is-stucked {
    padding-top: 5px;
  }
}
header .is-stucked .region--navigation-collapsible, header.is-stucked .region--navigation-collapsible {
  min-height: 60px;
}
header .header-secondary-dropdown-button {
  border: none;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  header .header-secondary-dropdown-button {
    border: unset;
    margin-bottom: 4px;
  }
}
header .layout-container {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  position: relative;
}
@media only screen and (min-width: 992px) {
  header .layout-container {
    display: none;
  }
}
header .layout-container .navbar-header.main-nav-region {
  display: flex;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
header .layout-container .mobile-header-end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 12px;
}
.rtl header .layout-container .mobile-header-end {
  padding-right: 0;
}
@media only screen and (min-width: 992px) {
  header .layout-container .mobile-header-end {
    display: none;
  }
}
header .navbar-header .navbar-toggle {
  display: block;
  float: none;
  padding: 15px 18px 15.5px 18px;
  margin: 0;
  border: 0;
  position: relative;
  background-color: transparent;
  background-image: none;
  cursor: pointer;
  height: auto;
  box-shadow: none;
  border: none;
  min-width: auto;
  outline: none;
}
header .navbar-header .navbar-toggle:focus, header .navbar-header .navbar-toggle:hover {
  background-color: inherit;
}
header .navbar-header .navbar-toggle .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
header .navbar-header .navbar-toggle span.icon-bar {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: block;
  height: 3.5px;
  width: 24px;
  pointer-events: none;
}
header .navbar-header .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4.5px;
}
header .navbar-header .navbar-toggle.collapsed span:nth-child(2) {
  transform: rotate(0);
}
header .navbar-header .navbar-toggle.collapsed span:nth-child(3) {
  opacity: 1;
}
header .navbar-header .navbar-toggle.collapsed span:nth-child(4) {
  transform: rotate(0);
}
header .navbar-header .navbar-toggle span:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 0px 3px;
}
header .navbar-header .navbar-toggle span:nth-child(3) {
  opacity: 0;
}
header .navbar-header .navbar-toggle span:nth-child(4) {
  transform: rotate(-45deg);
  transform-origin: 2px 1px;
}
header .navbar-collapse {
  flex: 1;
  width: 100%;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media only screen and (max-width: 991px) {
  header .navbar-collapse {
    background: #ffffff;
  }
  header .navbar-collapse .breakout {
    padding: 0;
  }
  header .navbar-collapse .menu-explore {
    background-color: #fff;
    padding: 40px 0;
    margin-top: -1px;
  }
  header .navbar-collapse .menu-explore .dropdown-menu li a {
    padding: 18px 10px !important;
    display: block;
  }
  header .navbar-collapse .menu-explore a.btn.black-outlined {
    margin: 40px 0 0;
  }
  header .navbar-collapse .menu-explore .navbar-nav {
    margin: 0 20px;
    border-top: 2px solid;
  }
  header .navbar-collapse .menu-explore ul.dropdown-ul-explore {
    max-height: none !important;
    box-shadow: none;
    padding: 0;
  }
  header .navbar-collapse .menu-explore ul li {
    max-width: 100%;
    display: block;
  }
  header .navbar-collapse .menu-explore ul li.li-expanded {
    padding: 0;
  }
  header .navbar-collapse .menu-explore ul li.li-expanded li {
    padding: 0;
  }
  header .navbar-collapse .menu-explore ul li a.white.primary-active.white-bg-focus {
    background-color: inherit;
    z-index: 999999;
    outline: none;
  }
  header .navbar-collapse .menu-explore ul li ul.dropdown-ul-explore.white-bg {
    box-shadow: none;
    max-height: none;
  }
  header .navbar-collapse .menu-explore ul li ul.dropdown-ul-explore.white-bg li.dropdown-ul-explore-li {
    padding: 12px;
  }
  header .navbar-collapse .menu-explore ul li ul.dropdown-ul-explore.white-bg li.dropdown-ul-explore-li a.grey_darker.c-btn-dd-link-white-bg {
    display: inline-block;
    width: auto;
    padding: 0 !important;
    background-color: transparent;
  }
  header .navbar-collapse .menu-explore ul li ul.dropdown-ul-explore.white-bg li.dropdown-ul-explore-li a.grey_darker.c-btn-dd-link-white-bg:hover, header .navbar-collapse .menu-explore ul li ul.dropdown-ul-explore.white-bg li.dropdown-ul-explore-li a.grey_darker.c-btn-dd-link-white-bg.active {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
  }
  header .navbar-collapse .menu-explore ul li a {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    max-width: 100%;
    width: 100%;
    border: none;
    box-shadow: none;
    text-align: inherit;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 700;
  }
  header .navbar-collapse .menu-explore ul li a.black-outlined {
    text-align: center;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
    margin-top: 40px;
  }
  .rtl header .navbar-collapse .menu-explore ul li a {
    padding: 16px 20px;
  }
  header .navbar-collapse .menu-explore ul li a.dropdown-li-toggle {
    box-shadow: unset;
  }
  header .navbar-collapse .menu-explore ul li a.dropdown-li-toggle-hover:hover, header .navbar-collapse .menu-explore ul li a.white-bg-focus:focus {
    background: inherit;
  }
  header .navbar-collapse .menu-explore ul li a .icon-arrow {
    right: 32px;
  }
  .rtl header .navbar-collapse .menu-explore ul li a .icon-arrow {
    left: 34px;
  }
  header .navbar-collapse .menu-explore .icon-arrow {
    right: 32px;
  }
  .rtl header .navbar-collapse .menu-explore .icon-arrow {
    left: 34px;
  }
  header .navbar-collapse .region--masthead-prefix {
    width: 100%;
    padding-bottom: 20px;
  }
  header .navbar-collapse .region--masthead-prefix .block.block-language {
    width: 100%;
  }
  .rtl header .navbar-collapse .region--masthead-prefix .menu-top-ul {
    font-size: 0;
  }
  header .navbar-collapse .region--masthead-prefix .menu-top-ul li {
    padding: 0;
    float: none;
    display: flex;
    align-items: flex-end;
  }
  header .navbar-collapse .region--masthead-prefix .global-top-ul {
    width: auto;
    margin-bottom: 60px;
    min-height: 850px;
  }
}
@media only screen and (min-width: 992px) {
  header .navbar-collapse .header-right-top {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }
  header .navbar-collapse .header-right-top .region--header-right-top {
    display: flex;
  }
  header .navbar-collapse .region--masthead-prefix {
    flex-flow: row;
    display: flex;
  }
  header .navbar-collapse .region--masthead-prefix ul:nth-child(2) {
    margin-left: 15px;
  }
  .rtl header .navbar-collapse .region--masthead-prefix ul:nth-child(2) {
    margin-left: 0;
    margin-right: 15px;
  }
  header .navbar-collapse .header-middle-area {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: space-between;
  }
  header .navbar-collapse .header-middle-area .logo-other.header-left {
    align-self: center;
    min-width: auto;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  header .navbar-collapse .header-middle-area .logo-other.header-left {
    max-width: 700px;
    flex: 1 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  header .navbar-collapse .header-middle-area .header-right-bottom {
    margin: 69px 0 22px;
    align-self: flex-end;
    max-height: 38px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  header .navbar-collapse .header-middle-area .header-right-bottom {
    flex: 1 1 auto;
    align-self: center;
    margin: 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  header .navbar-collapse .header-middle-area .header-right-bottom a.btn {
    max-width: 100%;
  }
  header .navbar-collapse .header-middle-area .header-right-bottom a.btn.outlined {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  header .navbar-collapse .header-middle-area .header-right-bottom > section {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
    justify-content: flex-end;
    max-height: 38px;
  }
  header .navbar-collapse .header-middle-area .header-right-bottom > section .menu-explore {
    margin-right: 10px;
  }
  header .navbar-collapse .header-middle-area .header-right-bottom > section .menu-explore a.dropdown-li-toggle {
    font-size: 14px;
    line-height: 18px;
    padding: 7px 29px 7px 10px;
    color: #000;
    border-color: #000;
  }
  .rtl header .navbar-collapse .header-middle-area .header-right-bottom > section .menu-explore a.dropdown-li-toggle {
    padding: 7px 10px 7px 29px;
  }
  header .navbar-collapse .header-middle-area .header-right-bottom > section .menu-explore .header-secondary-dropdown-button {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
  }
  header .navbar-collapse .header-middle-area .header-right-bottom > section .menu-explore .header-secondary-dropdown-button .dropdown {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  header .navbar-collapse .region--navigation-collapsible {
    display: flex;
    flex-flow: row;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    z-index: 11;
  }
  .unicef-microsite header .navbar-collapse .region--navigation-collapsible {
    border-top-width: 5px;
    border-bottom-width: 2px;
  }
  header .navbar-collapse .region--navigation-collapsible #block-unicef-base-main-menu,
  header .navbar-collapse .region--navigation-collapsible .block-main-navigation {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    background-color: #ffffff;
  }
  header .navbar-collapse .region--navigation-collapsible .sticky_nav_donate_button {
    display: contents;
  }
  header .navbar-collapse .region--navigation-collapsible .sticky_nav_donate_button .btn-donate {
    align-self: center;
    margin-left: 30px;
    margin-right: 5px;
  }
  .rtl header .navbar-collapse .region--navigation-collapsible .sticky_nav_donate_button .btn-donate {
    margin-right: 30px;
    margin-left: 5px;
  }
}
header .navbar-collapse.collapse {
  display: none;
}
@media only screen and (min-width: 992px) {
  header .navbar-collapse.collapse {
    display: block;
  }
}
header .navbar-collapse.collapse.in {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  visibility: visible;
  height: calc(100dvh - 90px);
  width: 100%;
  max-width: 100vw;
  overflow: auto;
  z-index: 100;
}
@media only screen and (max-width: 991px) {
  header .navbar-collapse.collapse.in {
    padding: 20px 0 0;
  }
}
header .navbar-collapse.collapse.in .nav-collapse__wrapper {
  display: flex;
  flex-direction: column;
  width: 100vw;
}
header .navbar-collapse.collapse.in .header-middle-area,
header .navbar-collapse.collapse.in .white-bg {
  width: 100%;
}
header .navbar-collapse.collapse.in .white-bg {
  order: 1;
}
header .navbar-collapse.collapse.in .header-middle-area {
  order: 2;
}
header .navbar-collapse.collapse.in .header-right-top {
  order: 3;
  width: 100%;
}
header .header-right-bottom .btn-donate {
  display: none;
}
@media only screen and (min-width: 992px) {
  header .header-right-bottom .btn-donate {
    display: block;
  }
}

.rtl header .navbar-header .navbar-toggle {
  border-right: none;
}
.rtl header .mobile-header-end {
  right: auto;
  left: 0;
  margin-right: auto;
  margin-left: 0;
}
@media only screen and (min-width: 992px) {
  .rtl header .header-right-bottom > section .menu-explore {
    margin-left: 10px;
  }
}

.contrast header .navbar-header .navbar-toggle {
  border-right: none;
}

.header-bg > a.cta-button {
  margin: 15px 8px;
}
.header-bg > a.cta-button:first-of-type {
  margin-left: 30px;
}
.rtl .header-bg > a.cta-button:first-of-type {
  margin-left: 0;
  margin-right: 30px;
}

.footer {
  padding: 40px 0px 50px 0px;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding: 40px 0px 50px 0px;
  }
}
@media only screen and (min-width: 992px) {
  .footer {
    padding: 40px 0px 50px 0px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer {
    margin: auto auto;
  }
}
.footer .footer-content-cntr {
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .footer .footer-content-cntr {
    margin-left: auto;
    margin-right: auto;
  }
}

body:has(.sliding-popup-content) .footer {
  padding-bottom: 100px;
}

.footer-left {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .footer-left {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .footer-left {
    margin-bottom: 0px;
  }
}

.footer-right {
  flex: 0 0 100%;
  max-width: 100%;
}
.footer-right .region--footer-right {
  text-align: center;
}
.footer-right .region--footer-right .btn {
  display: table;
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .footer-right .region--footer-right .btn {
    display: inline-block;
  }
}
.footer-right .region--footer-right .btn-donate:not(:last-of-type) {
  margin-bottom: 10px;
}
.footer-right .region--footer-right a.cta-button + a.cta-button {
  margin-top: 15px;
}
.footer-right .field_component_cta_link {
  display: none;
}
@media only screen and (min-width: 992px) {
  .footer-right {
    flex: 1;
    max-width: none;
    width: auto;
    padding-right: 0;
  }
  .rtl .footer-right {
    padding-left: 0;
  }
  .footer-right .region--footer-right {
    text-align: right;
  }
  .rtl .footer-right .region--footer-right {
    text-align: left;
  }
  .rtl .footer-right div:first-child {
    text-align: left;
  }
}

.region--footer-bottom:has(.block) {
  border-top: 1px solid #fff;
  padding-top: 40px;
  margin-top: 40px;
  margin: 40px 20px 0;
}
@media only screen and (min-width: 768px) {
  .region--footer-bottom:has(.block) {
    max-width: 648px;
    margin: 40px auto 0;
  }
}
@media only screen and (min-width: 992px) {
  .region--footer-bottom:has(.block) {
    max-width: 100%;
    margin: 40px 0 0;
  }
}
.region--footer-bottom:has(.block) p {
  font-size: 14px;
  margin: 0;
}
.ltr .region--footer-bottom:has(.block) p {
  line-height: 18px;
}

.cta-block-text {
  margin-top: 10px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .cta-block-text {
    margin-top: 16px;
    margin-bottom: 26px;
  }
}

.cta-block--button a {
  margin-left: auto;
  margin-right: auto;
}
.cta-block--button .field_component_ctablck_button {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cta-block--button .field_component_ctablck_button {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: left;
  }
}
.cta-block--button .field_component_ctablck_button div:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .cta-block--button .field_component_ctablck_button div:not(:last-child) {
    margin-bottom: 0px;
    margin-right: 20px;
  }
  .rtl .cta-block--button .field_component_ctablck_button div:not(:last-child) {
    margin-left: 20px;
    margin-right: 0px;
  }
}

.cta-block-text p {
  margin: 0px;
}

.cta-block-content {
  position: relative;
}

.cta-block {
  padding: 50px 0px;
}
@media only screen and (min-width: 992px) {
  .cta-block {
    padding: 60px 0px;
  }
}

.section {
  padding: 50px 0;
}
@media only screen and (min-width: 992px) {
  .section {
    padding: 60px 0;
  }
}
.section .stitle-cntr {
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .section .stitle-cntr {
    padding-bottom: 50px;
  }
}
.section .field--name-field-component-sec-title {
  padding-top: 0px;
}
@media only screen and (min-width: 992px) {
  .section .field--name-field-component-sec-title {
    padding-top: 0px;
  }
}
.section .field--name-field-component-sec-subtitle {
  padding-top: 10px;
}
.section .field_component_sec_blocks .field_component_sec_blocks-item blockquote:first-child {
  padding: 0 0 25px 0;
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .section .field_component_sec_blocks .field_component_sec_blocks-item blockquote:first-child {
    padding: 0 0 30px 0;
  }
}
.section .field_component_sec_blocks .field_component_sec_blocks-item blockquote:last-child {
  padding: 25px 0 0 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section .field_component_sec_blocks .field_component_sec_blocks-item blockquote:last-child {
    padding: 30px 0 0 0;
  }
}
.section .field_component_sec_blocks .field_component_sec_blocks-item #mc_embed_signup {
  padding: 0 0;
}
.path-error .section:first-child {
  padding: 30px 0 50px;
}
@media only screen and (min-width: 992px) {
  .path-error .section:first-child {
    padding: 50px 0;
  }
}

.field_component_sec_blocks > div:not(.section-component):not(:last-child),
.field_article_content_blocks > div:not(.section-component):not(:last-child),
.field_pessay_content_blocks > div:not(.section-component):not(:last-child) {
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .field_component_sec_blocks > div:not(.section-component):not(:last-child),
  .field_article_content_blocks > div:not(.section-component):not(:last-child),
  .field_pessay_content_blocks > div:not(.section-component):not(:last-child) {
    padding-bottom: 50px;
  }
}
.field_component_sec_blocks > div.section-item-cta-component:not(:last-child),
.field_article_content_blocks > div.section-item-cta-component:not(:last-child),
.field_pessay_content_blocks > div.section-item-cta-component:not(:last-child) {
  padding-bottom: 30px;
}
.field_component_sec_blocks > div.section-item-cta-component + div:not(.section-item-cta-component),
.field_article_content_blocks > div.section-item-cta-component + div:not(.section-item-cta-component),
.field_pessay_content_blocks > div.section-item-cta-component + div:not(.section-item-cta-component) {
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .field_component_sec_blocks > div.section-item-cta-component + div:not(.section-item-cta-component),
  .field_article_content_blocks > div.section-item-cta-component + div:not(.section-item-cta-component),
  .field_pessay_content_blocks > div.section-item-cta-component + div:not(.section-item-cta-component) {
    margin-top: 20px;
  }
}
.field_component_sec_blocks > div.section-item-cta-component:last-child,
.field_article_content_blocks > div.section-item-cta-component:last-child,
.field_pessay_content_blocks > div.section-item-cta-component:last-child {
  padding-bottom: 0px;
}
.field_component_sec_blocks > div .anchor-space:before,
.field_article_content_blocks > div .anchor-space:before,
.field_pessay_content_blocks > div .anchor-space:before {
  margin-top: -50px;
}
@media only screen and (min-width: 992px) {
  .field_component_sec_blocks > div .anchor-space:before,
  .field_article_content_blocks > div .anchor-space:before,
  .field_pessay_content_blocks > div .anchor-space:before {
    margin-top: -60px;
  }
}
.field_component_sec_blocks > div .unicef-component-mosaic .anchor-space:before,
.field_article_content_blocks > div .unicef-component-mosaic .anchor-space:before,
.field_pessay_content_blocks > div .unicef-component-mosaic .anchor-space:before {
  margin-top: -10px;
  height: 10px;
}

.field_component_sec_blocks .section-item-cta-component,
.field_article_content_blocks .section-item-cta-component,
.field_pessay_content_blocks .section-item-cta-component,
.field_blog_post_content_blocks .section-item-cta-component {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .field_component_sec_blocks .section-item-cta-component,
  .field_article_content_blocks .section-item-cta-component,
  .field_pessay_content_blocks .section-item-cta-component,
  .field_blog_post_content_blocks .section-item-cta-component {
    width: 100%;
    max-width: 658px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 992px) {
  .field_component_sec_blocks .section-item-cta-component,
  .field_article_content_blocks .section-item-cta-component,
  .field_pessay_content_blocks .section-item-cta-component,
  .field_blog_post_content_blocks .section-item-cta-component {
    max-width: 770px;
  }
}
.field_component_sec_blocks .section-item-cta-component .btn,
.field_article_content_blocks .section-item-cta-component .btn,
.field_pessay_content_blocks .section-item-cta-component .btn,
.field_blog_post_content_blocks .section-item-cta-component .btn {
  max-width: 340px;
}

.field_article_content_blocks > div:first-child:not([class*=grey]) > .section,
.field_pessay_content_blocks > div:first-child:not([class*=grey]) > .section {
  padding-top: 0;
}
.field_article_content_blocks > div + div > .section,
.field_pessay_content_blocks > div + div > .section {
  padding: 50px 0;
}
@media only screen and (min-width: 992px) {
  .field_article_content_blocks > div + div > .section,
  .field_pessay_content_blocks > div + div > .section {
    padding: 60px 0;
  }
}

.section-component.grey-lightest-bg, .section-component.bg-override-grey-light {
  background: #F1F1F1 !important;
}

.section-component.component-full-width:has(.has-title),
.section-component.component-full-width:has(.has-subtitle) {
  padding-top: 40px;
}
@media only screen and (min-width: 992px) {
  .section-component.component-full-width:has(.has-title),
  .section-component.component-full-width:has(.has-subtitle) {
    padding-top: 50px;
  }
}

.field_component_sec_blocks > .paragraph-component-collage-block + .paragraph-component-collage-block,
.field_component_sec_blocks > .paragraph-media-collection + .paragraph-media-collection {
  margin-top: -40px;
}
@media only screen and (min-width: 992px) {
  .field_component_sec_blocks > .paragraph-component-collage-block + .paragraph-component-collage-block,
  .field_component_sec_blocks > .paragraph-media-collection + .paragraph-media-collection {
    margin-top: -50px;
  }
}

.section-component.last-paragraph-component-collage-blocks + .component-full-width:not(.first-paragraph-component-collage-blocks),
.section-component.last-paragraph-media-collection + .component-full-width:not(.first-paragraph-media-collection),
.paragraph-standard-banner + .component-full-width:not(.paragraph-standard-banner),
.paragraph-advance-banner + .component-full-width:not(.paragraph-advance-banner) {
  margin-top: 40px;
}
@media only screen and (min-width: 992px) {
  .section-component.last-paragraph-component-collage-blocks + .component-full-width:not(.first-paragraph-component-collage-blocks),
  .section-component.last-paragraph-media-collection + .component-full-width:not(.first-paragraph-media-collection),
  .paragraph-standard-banner + .component-full-width:not(.paragraph-standard-banner),
  .paragraph-advance-banner + .component-full-width:not(.paragraph-advance-banner) {
    margin-top: 50px;
  }
}

.section-component.last-paragraph-component-collage-blocks + .component-full-width.white-bg:not(.first-paragraph-component-collage-blocks):has(.has-title),
.section-component.last-paragraph-component-collage-blocks + .component-full-width.white-bg:not(.first-paragraph-component-collage-blocks):has(.has-subtitle),
.section-component.last-paragraph-media-collection + .component-full-width.white-bg:not(.first-paragraph-media-collection):has(.has-title),
.section-component.last-paragraph-media-collection + .component-full-width.white-bg:not(.first-paragraph-media-collection):has(.has-subtitle) {
  margin-top: 0;
}

.first-paragraph-component-collage-blocks > .section,
.first-paragraph-media-collection > .section {
  padding-top: 0 !important;
}

.last-paragraph-component-collage-blocks > .section,
.last-paragraph-media-collection > .section {
  padding-bottom: 0 !important;
}

.section-component.component-full-width > .section {
  padding: 0;
}

.term-page {
  margin-top: 50px;
}
@media only screen and (min-width: 992px) {
  .term-page {
    margin-top: 60px;
  }
}

.klaro {
  display: none;
}
.klaro * {
  font-family: "Noto Sans", sans-serif !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) {
  background: #fff;
  box-shadow: 0px -4px 30px 0px rgba(0, 0, 0, 0.25);
  bottom: 0 !important;
  padding: 20px;
  left: 0 !important;
  right: 0 !important;
  position: fixed !important;
  margin: auto;
  width: 100%;
  outline: 0;
}
@media only screen and (min-width: 768px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    bottom: 40px !important;
    padding: 40px;
    width: calc(100% - 36px);
  }
}
@media only screen and (min-width: 992px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    max-width: 800px;
    left: auto !important;
    right: 50px !important;
  }
  .rtl .klaro .cookie-notice:not(.cookie-modal-notice) {
    left: 50px !important;
    right: auto !important;
  }
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
  padding: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) #id-cookie-title {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (min-width: 992px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) #id-cookie-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.rtl .klaro .cookie-notice:not(.cookie-modal-notice) #id-cookie-title {
  text-align: right;
}
.klaro .cookie-notice:not(.cookie-modal-notice) #id-cookie-notice {
  font-size: 16px;
  line-height: 22px;
}
.rtl .klaro .cookie-notice:not(.cookie-modal-notice) #id-cookie-notice {
  text-align: right;
}
.klaro .cookie-notice:not(.cookie-modal-notice) #id-cookie-notice a {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok {
  margin-top: 25px !important;
}
@media (max-width: 991px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok {
    justify-content: center !important;
  }
}
@media (max-width: 767px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    width: 50%;
    min-width: 120px;
  }
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-buttons {
  display: flex !important;
  justify-content: space-between;
  margin: 0 -5px !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-buttons button {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
  font-weight: 700;
  margin: 0 5px !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-buttons button:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-learn-more {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
  font-weight: 700 !important;
  min-width: 160px;
  margin: auto;
}
@media (max-width: 767px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-learn-more {
    margin: 10px auto 0;
  }
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-learn-more:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
.rtl .klaro .cookie-notice:not(.cookie-modal-notice) .cn-learn-more {
  margin-left: auto;
  margin-right: 10px !important;
}
@media only screen and (min-width: 768px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-learn-more {
    margin: 0 10px;
  }
}
.klaro .cookie-modal .cm-modal.cm-klaro {
  background: #fff;
}
@media (max-width: 767px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    width: 100%;
    bottom: 0;
    top: auto;
    transform: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    max-width: calc(100% - 35px);
  }
}
@media (min-width: 992px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    max-width: 800px;
  }
}
.klaro .cookie-modal .cm-modal .cm-header h1 {
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (min-width: 992px) {
  .klaro .cookie-modal .cm-modal .cm-header h1 {
    font-size: 20px;
    line-height: 28px;
  }
}
.rtl .klaro .cookie-modal .cm-modal .cm-header h1 {
  padding-left: 20px;
  padding-right: 0;
  text-align: right;
}
.klaro .hide {
  height: 40px;
  width: 40px;
  text-decoration: none;
  padding: 0;
  border: none;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none;
  border-radius: 0;
  min-width: 0;
  outline: 0 !important;
}
.rtl .klaro .hide {
  right: auto !important;
  left: 20px !important;
}
@media (max-width: 991px) {
  .klaro .hide {
    right: 10px !important;
    top: 15px !important;
  }
  .rtl .klaro .hide {
    right: auto !important;
    left: 10px !important;
  }
}
.klaro .hide:focus {
  cursor: pointer;
}
.klaro .hide:after {
  cursor: pointer;
  display: block;
  content: "\e90a";
  font-family: "Unicef";
  padding: 12px;
  font-size: 20px;
}
@media only screen and (min-width: 480px) {
  .klaro .hide:after {
    padding: 16px;
  }
}
.klaro .hide svg {
  display: none;
}
.rtl .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,
.rtl .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,
.rtl .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,
.rtl .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
  padding-left: 0;
  padding-right: 60px;
}
.rtl .klaro .cookie-modal .cm-list-label .cm-switch,
.rtl .klaro .context-notice .cm-list-label .cm-switch,
.rtl .klaro .cookie-notice .cm-list-label .cm-switch {
  left: auto;
  right: 0;
}
.klaro .cookie-modal .cm-list-label .slider,
.klaro .context-notice .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
  border: 2px solid #111;
  background: #fff !important;
}
.klaro .cookie-modal .cm-list-label .slider:hover,
.klaro .context-notice .cm-list-label .slider:hover,
.klaro .cookie-notice .cm-list-label .slider:hover {
  box-shadow: none;
}
.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .context-notice .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before {
  background: #111;
  width: 16px;
  height: 16px;
  transition: all 0.2s ease-out;
}
.klaro .cookie-modal .cm-list-input,
.klaro .context-notice .cm-list-input,
.klaro .cookie-notice .cm-list-input {
  display: none !important;
}
.klaro .cm-list-input:focus + .cm-list-label .slider {
  outline: 0 !important;
}
.klaro .cm-list-input.focused + .cm-list-label .slider:after {
  width: 42px;
  height: 42px;
  position: absolute;
  top: -8px;
  left: -8px;
  display: block;
  content: "";
  outline: 2px solid;
  border: 2px solid;
  border-radius: 8px;
}
.rtl .klaro .cm-list-input.focused + .cm-list-label .slider:after {
  left: auto;
  right: -8px;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  border: 0;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
  font-family: "Unicef";
  content: "\e933";
  font-size: 14px;
  width: 23px;
  height: 23px;
  bottom: 4px;
  left: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.klaro .cm-list-input.focused:checked + .cm-list-label .slider:after {
  right: 0;
  left: auto;
  top: -6px;
  right: -6px;
}
.klaro .cookie-modal .cm-modal .cm-header {
  border: 0;
  padding: 20px 20px 0;
}
@media only screen and (min-width: 768px) {
  .klaro .cookie-modal .cm-modal .cm-header {
    padding: 40px 40px 0;
  }
}
.klaro .cookie-modal .cm-modal .cm-header p,
.klaro .cookie-modal .cm-modal .cm-header a {
  font-size: 16px;
  line-height: 22px;
}
.rtl .klaro .cookie-modal .cm-modal .cm-header p,
.rtl .klaro .cookie-modal .cm-modal .cm-header a {
  text-align: right;
}
.klaro .cookie-modal .cm-modal .cm-header a {
  font-weight: 700;
  text-decoration: underline;
}
.klaro .cookie-modal .cm-modal .cm-body {
  padding: 20px 20px 10px;
}
@media only screen and (min-width: 768px) {
  .klaro .cookie-modal .cm-modal .cm-body {
    padding: 40px 40px 0;
  }
}
.klaro .cookie-modal .cm-modal .cm-body .cm-list-description,
.klaro .cookie-modal .cm-modal .cm-body .purposes,
.klaro .cookie-modal .cm-modal .cm-body .cm-toggle-all {
  display: none !important;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-list-title {
  font-size: 19px;
  line-height: 31px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service {
  border-bottom: 1px solid #c1c1c1;
  padding-left: 0;
  padding-right: 50px;
  width: 100%;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service > div {
  position: relative;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-list-label .cm-switch {
  right: 0;
  left: auto;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-list-label .cm-switch:before {
  width: 57px;
  border-radius: 100px;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-list-label .cm-required,
.klaro .cookie-modal .cm-modal .cm-body .cm-list-label .cm-opt-out {
  display: none;
}
.klaro .cookie-modal .cm-modal .cm-body .slider {
  box-shadow: none;
}
.klaro .cookie-modal .cm-modal .cm-footer {
  border: 0;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .klaro .cookie-modal .cm-modal .cm-footer {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .klaro .cookie-modal .cm-modal .cm-footer {
    margin-bottom: 0;
    padding: 20px 0 40px;
  }
}
.klaro .cm-footer-buttons {
  justify-content: center !important;
}
@media (max-width: 767px) {
  .klaro .cm-footer-buttons {
    flex-wrap: wrap !important;
    margin: 10px 0;
  }
}
.klaro .cm-footer-buttons button {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
  font-weight: 700 !important;
  height: 38px;
  padding: 0;
}
.klaro .cm-footer-buttons button:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
@media (max-width: 767px) {
  .klaro .cm-footer-buttons button {
    margin: 0 5px;
  }
}
@media (max-width: 767px) {
  .klaro .cm-footer-buttons .cn-decline {
    margin: 0 5px;
    min-width: 120px;
    width: calc(50% - 10px) !important;
  }
}
@media (max-width: 767px) {
  .klaro .cm-footer-buttons .cm-btn-accept-all {
    margin: 0 5px;
    width: calc(50% - 10px) !important;
    min-width: 120px;
  }
}
@media (max-width: 767px) {
  .klaro .cm-footer-buttons .cm-btn-accept {
    margin-top: 20px;
  }
}
.klaro .cm-powered-by {
  display: none !important;
}

@media only screen and (min-width: 992px) {
  .klaro-cookie-position-left .klaro .cookie-notice:not(.cookie-modal-notice) {
    right: auto !important;
    left: 50px !important;
  }
  .rtl .klaro-cookie-position-left .klaro .cookie-notice:not(.cookie-modal-notice) {
    left: auto !important;
    right: 50px !important;
  }
}

button#klaro-cookie-settings {
  background: none;
  border: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: normal;
}
@media only screen and (min-width: 992px) {
  button#klaro-cookie-settings {
    padding-right: unset;
    text-align: right;
  }
  .rtl button#klaro-cookie-settings {
    padding-left: unset;
    text-align: left;
  }
}

body:has(.cm-modal.cm-klaro) button#klaro-cookie-settings {
  display: inline-block;
  outline-color: transparent;
  outline-style: unset;
  position: relative;
}
body:has(.cm-modal.cm-klaro) button#klaro-cookie-settings::before {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  content: "";
  display: inline-block;
  outline: 2px solid black; /* Outer black border */
  outline-offset: 2px; /* Offset to account for transparent and blue space */
  box-shadow: 0 0 0 2px #00AEEF;
  border-radius: 5px;
  z-index: 1;
  pointer-events: none;
}

.footer-link-cookie-settings .cm-btn-accept {
  order: 4;
}
@media only screen and (min-width: 480px) {
  .footer-link-cookie-settings .cm-btn-accept {
    order: 1;
  }
}
.footer-link-cookie-settings .cn-decline {
  order: 2;
}
.footer-link-cookie-settings .cm-btn-accept-all {
  order: 3;
}

.block-unicef-cookie-settings {
  clear: both;
}
.block-unicef-cookie-settings #klaro-cookie-settings {
  margin: 15px 0 0;
  min-width: 0;
  padding: 0;
}
.block-unicef-cookie-settings .focused {
  display: inline-block;
  outline-color: transparent;
  outline-style: unset;
  position: relative;
}
.block-unicef-cookie-settings .focused::before {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  content: "";
  display: inline-block;
  outline: 2px solid black; /* Outer black border */
  outline-offset: 2px; /* Offset to account for transparent and blue space */
  box-shadow: 0 0 0 2px #00AEEF;
  border-radius: 5px;
  z-index: 1;
  pointer-events: none;
}

.block-unicef-cookie-settings #klaro-cookie-settings:hover,
.block-unicef-cookie-settings #klaro-cookie-settings:focus {
  text-decoration: underline;
}

/* Style for specific HERO: ADVANCED */
.unicef-advanced-hero {
  position: relative;
  width: 100%;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.unicef-advanced-hero .hero-image {
  position: relative;
  width: 100vw;
  margin: 0;
}
.unicef-advanced-hero .hero-image .hero-media {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.unicef-advanced-hero .hero-image .hero-media .field_media_video_file {
  display: flex;
  justify-content: center;
  align-items: center;
}
.unicef-advanced-hero .hero-image .hero-media .field_media_video_file video {
  width: 100vw;
  height: 210px;
  object-fit: cover;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .unicef-advanced-hero .hero-image .hero-media .field_media_video_file video {
    height: 100% !important;
    min-height: 810px;
    max-height: 810px;
  }
}
.unicef-advanced-hero .hero-image .hero-media .video-controls {
  top: 15px;
  margin: 0;
  max-width: calc(100% - 40px);
}
@media only screen and (min-width: 768px) {
  .unicef-advanced-hero .hero-image .hero-media .video-controls {
    max-width: calc(100% - 90px);
    top: 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .unicef-advanced-hero .hero-image .hero-media .video-controls {
    max-width: calc(100% - 135px);
    top: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .unicef-advanced-hero .hero-image .top-title {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    padding-bottom: 25px;
  }
}
.unicef-advanced-hero .hero-image .top-title .top-title__subinfo-wrapper {
  background-color: #000000;
}
@media only screen and (min-width: 992px) {
  .unicef-advanced-hero .hero-image .top-title .top-title__subinfo-wrapper {
    background-color: transparent;
  }
}
.unicef-advanced-hero .hero-image .top-title .audio-component-layout {
  pointer-events: all;
}
.unicef-advanced-hero.unicef-advanced-hero--image .img-cc-cntr {
  display: none;
}
.unicef-advanced-hero.unicef-advanced-hero--image .hero-media {
  height: 312px;
}
@media only screen and (min-width: 768px) {
  .unicef-advanced-hero.unicef-advanced-hero--image .hero-media {
    height: 810px;
  }
}
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero,
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero_landing {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
}
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero div,
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero_landing div {
  height: 100%;
}
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero .img-cc-cntr,
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero_landing .img-cc-cntr {
  display: none;
}
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero .image,
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero_landing .image {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero .image .blazy-container,
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero_landing .image .blazy-container {
  overflow: unset;
}
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero .image img,
.unicef-advanced-hero.unicef-advanced-hero--image .view-hero_landing .image img {
  width: 100vw;
  max-width: 100vw;
  height: 312px;
  max-height: 312px;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .unicef-advanced-hero.unicef-advanced-hero--image .view-hero .image img,
  .unicef-advanced-hero.unicef-advanced-hero--image .view-hero_landing .image img {
    height: 100% !important;
    max-height: 810px;
  }
}

.hero:has(.image-cropped) .media.image:not(.is-b-loaded),
.view-hero:has(.image-cropped) .media.image:not(.is-b-loaded),
.view-hero_crop:has(.image-cropped) .media.image:not(.is-b-loaded) {
  overflow: hidden;
  position: relative;
}
.hero:has(.image-cropped) .media.image:not(.is-b-loaded)::before,
.view-hero:has(.image-cropped) .media.image:not(.is-b-loaded)::before,
.view-hero_crop:has(.image-cropped) .media.image:not(.is-b-loaded)::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 5px solid lightgray;
  border-top-color: transparent;
  animation: loading 2s linear infinite;
  max-width: 50px;
  background: none;
}
.hero:has(.image-cropped) img.image-cropped,
.view-hero:has(.image-cropped) img.image-cropped,
.view-hero_crop:has(.image-cropped) img.image-cropped {
  visibility: hidden;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.hero:has(.image-cropped) img.image-cropped:first-child,
.view-hero:has(.image-cropped) img.image-cropped:first-child,
.view-hero_crop:has(.image-cropped) img.image-cropped:first-child {
  aspect-ratio: 3/2;
  object-fit: cover;
}
@media (max-width: 991px) {
  .hero:has(.image-cropped) img.image-cropped:first-child,
  .view-hero:has(.image-cropped) img.image-cropped:first-child,
  .view-hero_crop:has(.image-cropped) img.image-cropped:first-child {
    width: 1px !important;
    height: 1px !important;
    position: fixed !important;
  }
}
@media (max-width: 767px) {
  .hero:has(.image-cropped) img.image-cropped:nth-child(2),
  .view-hero:has(.image-cropped) img.image-cropped:nth-child(2),
  .view-hero_crop:has(.image-cropped) img.image-cropped:nth-child(2) {
    width: 1px !important;
    height: 1px !important;
    position: fixed !important;
  }
}
@media (min-width: 992px) {
  .hero:has(.image-cropped) img.image-cropped:nth-child(2),
  .view-hero:has(.image-cropped) img.image-cropped:nth-child(2),
  .view-hero_crop:has(.image-cropped) img.image-cropped:nth-child(2) {
    width: 1px !important;
    height: 1px !important;
    position: fixed !important;
  }
}
@media (min-width: 768px) {
  .hero:has(.image-cropped) img.image-cropped:nth-child(3),
  .view-hero:has(.image-cropped) img.image-cropped:nth-child(3),
  .view-hero_crop:has(.image-cropped) img.image-cropped:nth-child(3) {
    width: 1px !important;
    height: 1px !important;
    position: fixed !important;
  }
}

/* ORGANISMS END */