.breadcrumb {
  width: 100%;
  max-width: 1204px;
  margin: 48px auto;
  margin: 1.5em auto 3em;
}
@media only screen and (min-width: 1024px) and (max-width: 1204px) {
  .breadcrumb {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .breadcrumb {
    margin: 32px auto;
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .breadcrumb {
    margin: 24px auto;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .breadcrumb {
    margin: 1.5em auto 2em;
  }
}
@media (max-width: 767px) {
  .breadcrumb {
    margin: 1em auto 24px;
  }
}

.breadcrumb > * {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.ltr .breadcrumb > * .breadcrumb-el > span {
  transform: rotate(-90deg);
}

.breadcrumb-el {
  color: #707070;
  line-height: 26px;
}
.breadcrumb-el * {
  color: inherit;
}
.breadcrumb-el:first-child > span {
  display: none;
}
.breadcrumb-el > span {
  display: inline-block;
  font-size: 1.5em;
  line-height: 26px;
  vertical-align: bottom;
  transform: rotate(90deg);
}
.breadcrumb-el a {
  text-decoration: none;
}

.smaller-banner {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background-color: #00A03B;
  height: 17.75em;
}
.smaller-banner .image-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.smaller-banner .image-container img {
  width: 100%;
  height: 100%;
}
.smaller-banner .heading-wrapper {
  width: 100%;
  max-width: 1204px;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
@media (max-width: 1204px) {
  .smaller-banner .heading-wrapper {
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .smaller-banner .heading-wrapper {
    padding: 0 20px;
  }
}
.smaller-banner h1 {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
  margin: 0;
}
.high-contrast .smaller-banner h1 {
  background-color: #424242;
}
.smaller-banner h1 {
  margin: 0 0 32px;
  word-break: break-word;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .smaller-banner h1 {
    margin: 0 0 32px;
  }
}
@media (max-width: 767px) {
  .smaller-banner h1 {
    margin: 0 0 20px;
  }
}
.smaller-banner .image-container .main-banner-img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bg-gradient-to-right::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, rgba(45, 57, 56, 0.55) 50%, rgba(0, 0, 0, 0.01) 100%);
}
@media (max-width: 767px) {
  .bg-gradient-to-right::before {
    background-image: linear-gradient(to top, rgba(45, 57, 56, 0.55) 50%, rgba(0, 0, 0, 0.01) 100%);
  }
}

.bg-gradient-to-left::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-image: linear-gradient(to left, rgba(45, 57, 56, 0.55) 50%, rgba(0, 0, 0, 0.01) 100%);
}
@media (max-width: 767px) {
  .bg-gradient-to-left::before {
    background-image: linear-gradient(to top, rgba(45, 57, 56, 0.55) 50%, rgba(0, 0, 0, 0.01) 100%);
  }
}

.bg-gradient-degree::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-image: linear-gradient(190deg, rgba(45, 57, 56, 0.55) 50%, rgba(0, 0, 0, 0.01) 100%);
}

.double-heading {
  max-width: 1204px;
  margin: 32px auto;
  height: 17.375em;
}
@media (max-width: 1204px) {
  .double-heading {
    width: unset;
    margin: 1.5em;
    height: 230px;
  }
}
@media (max-width: 767px) {
  .double-heading {
    margin: 1.25em;
    height: 335px;
  }
}
.double-heading a {
  padding: 14px 25px;
  margin: 0;
}
.double-heading .heading-wrapper {
  max-width: 1020px;
  z-index: 1;
  overflow-wrap: break-word;
  margin: 0 auto 64px;
}
@media (max-width: 1024px) {
  .double-heading .heading-wrapper {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .double-heading .heading-wrapper {
    margin: 0 40px 42px;
  }
}
@media (max-width: 767px) {
  .double-heading .heading-wrapper {
    margin: 0 20px 32px;
  }
}
.double-heading #banner_heading {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  .double-heading #banner_heading {
    font-size: 1.625em;
  }
}
.double-heading #banner_heading, .double-heading .subheading {
  color: #FFFFFF;
}
.high-contrast .double-heading #banner_heading, .high-contrast .double-heading .subheading {
  background-color: #424242;
}
.double-heading .subheading {
  margin-bottom: 1.5em;
}
.double-heading img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 540px) {
  .inner-portal-type {
    height: 20.5em;
  }
}
.inner-portal-type h1 {
  margin: 0 0 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .inner-portal-type h1 {
    margin: 0 0 36px;
  }
}
@media (max-width: 767px) {
  .inner-portal-type h1 {
    margin: 0 0 20px;
  }
}
.inner-portal-type .heading-wrapper .tag {
  border: solid 1px rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 0.7);
  background-color: transparent;
  cursor: pointer;
  margin: 0 0 8px 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .inner-portal-type .heading-wrapper .tag:focus {
    outline-color: #FFFFFF;
  }
}
@media (hover: hover) and (pointer: fine) {
  .inner-portal-type .heading-wrapper .tag:hover {
    border-color: #FFFFFF;
    color: #FFFFFF;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .inner-portal-type .heading-wrapper .tag:hover {
    border-color: #FFFFFF;
    color: #FFFFFF;
  }
}
.inner-portal-type .heading-wrapper .tag.hover {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.inner-portal-type .heading-wrapper .tag span {
  position: relative;
  top: 1px;
  left: 3px;
}
.ltr .inner-portal-type .heading-wrapper .tag span {
  left: auto;
  right: 4px;
}
.inner-portal-type .button-wrapper {
  display: flex;
  align-items: center;
}

.tablet, .phone {
  display: none;
}

@media (max-width: 1024px) {
  .deskt, .desktop {
    display: none;
  }
  .tablet {
    display: block;
  }
}
@media (max-width: 540px) {
  .tablet, .deskt {
    display: none;
  }
  .phone, .mobile {
    display: block;
  }
}
.aggregaton-page-header {
  margin: 1.5em auto 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .aggregaton-page-header {
    margin: 1.5em auto 2.5em;
  }
}
@media (max-width: 767px) {
  .aggregaton-page-header {
    margin: 2.5em auto 1.5em;
  }
}
.aggregaton-page-header .heading-wrapper {
  max-width: 598px;
  margin: 3em 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .aggregaton-page-header .heading-wrapper {
    margin: 2em 0 0;
  }
}
@media (max-width: 767px) {
  .aggregaton-page-header .heading-wrapper {
    margin: 1.5em 0 0;
  }
}
.aggregaton-page-header #heading-wrapper {
  font-size: 1.5em;
  margin: 0 0 0.66em;
}
.aggregaton-page-header .intro {
  font-size: 1.125em;
}

.no-results-section {
  display: none;
  max-width: 1204px;
  margin: 0 auto 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .no-results-section {
    margin: 0 auto 48px;
  }
}
@media (max-width: 767px) {
  .no-results-section {
    margin: 0 auto 32px;
  }
}
.no-results-section > p:first-child {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 8px;
}

.ltr .related-article-collection.WithFilter .wrapper .related-article-filter .filter-popup {
  border-radius: 8px;
}
@media only screen and (min-width: 1025px) {
  .ltr .related-article-collection.WithFilter .wrapper .related-article-filter .filter-popup {
    width: 265px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ltr .related-article-collection.WithFilter .wrapper .related-article-filter .filter-popup {
    width: 265px;
  }
}
@media (max-width: 1024px) {
  .ltr .related-article-collection.WithFilter .wrapper .related-article-filter .filter-popup {
    right: 0;
    left: 0;
  }
}
.ltr .related-article-collection.WithFilter .wrapper .related-article-filter .filter-popup .tertiary-btn {
  font-weight: normal;
}
.ltr .related-article-collection.WithFilter .wrapper .related-article-filter .filter-popup section {
  position: relative;
}
.ltr .related-article-collection.WithFilter .wrapper .related-article-filter:first-child:not(:only-child) .filter-popup {
  right: auto;
  left: 0;
}
.ltr .related-article-collection.WithFilter .wrapper .heading-filters-wrapper {
  margin-bottom: 33px;
}
@media only screen and (min-width: 1025px) {
  .ltr .related-article-collection.WithFilter .wrapper .heading-filters-wrapper {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ltr .related-article-collection.WithFilter .wrapper .heading-filters-wrapper {
    flex-direction: column;
  }
}
.ltr .related-article-collection.WithFilter .wrapper .heading-filters-wrapper h2 {
  margin: 0;
}
@media (max-width: 1024px) {
  .ltr .related-article-collection.WithFilter .wrapper .heading-filters-wrapper h2 {
    width: auto;
    margin-bottom: 20px;
  }
  .ltr .ltr .related-article-collection.WithFilter .wrapper .heading-filters-wrapper h2 {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1204px) {
  .ltr .related-article-collection.WithFilter .wrapper .heading-filters-wrapper h2 {
    margin-right: 1em;
  }
}
.ltr .related-article-collection.WithFilter .wrapper .filters-wrapper {
  display: flex;
  justify-content: flex-end;
  flex-flow: wrap;
}
@media (max-width: 1024px) {
  .ltr .related-article-collection.WithFilter .wrapper .filters-wrapper {
    display: revert;
  }
}
.ltr .related-article-collection.WithFilter .wrapper .filters-wrapper .related-article-filter {
  position: relative;
  margin: 0 20px 0 0;
}
@media (max-width: 1024px) {
  .ltr .related-article-collection.WithFilter .wrapper .filters-wrapper .related-article-filter {
    margin: 0 -3px;
  }
}
.ltr .related-article-collection.WithFilter .wrapper .filters-wrapper .related-article-filter:last-child {
  margin-right: 3px;
}
@media (max-width: 1204px) {
  .ltr .related-article-collection.WithFilter .wrapper .filters-wrapper .related-article-filter:last-child {
    margin-right: -3px;
  }
}
.ltr .related-article-collection.WithFilter .wrapper .filters-wrapper .related-article-filter > button:focus .icon-arrow-dropdown {
  transform: rotate(180deg);
}