body {
  --nw-brand-navy: #112e51;
  --nw-white: #fff;
  font-family: Lato;
}

nw-navigation-bar {
  width: 100vw;
  width: 100svw;
  display: block;
}

.nw-main {
  background: var(--nw-brand-navy);
  margin: 0;
  opacity: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.nw-main__container {
  min-height: calc(100vh - 67px);
  min-height: calc(100svh - 67px);
}

.nw-main--carousel .nw-main__container {
  min-height: calc(100vh - 110px);
  min-height: calc(100svh - 110px);
}

.nw-navigation-bar__container {
  width: 100vw;
}
.nw-button,
.nw-outline-button {
  -webkit-appearance: unset !important;
  appearance: unset !important;
}

::-moz-selection {
  background: var(--nw-brand-navy);
  color: var(--nw-white);
}

::selection {
  background: var(--nw-brand-navy);
  color: var(--nw-white);
}

#nav-log-in-btn {
  color: var(--nw-white);
  margin-right: 0.5rem;
}

#nav-log-in-btn:hover {
  color: var(--button-color);
}

#nav-log-out-btn {
  width: 100%;
}

.nav-log-out-btn-wrapper {
  padding: 1rem;
  order: 4;
}

#nav-side-log-in-btn {
  width: 100%;
}

@media (max-width: 768px) {
  #nav-log-in-btn {
    display: none;
  }
}

.nw-break {
  max-width: 1116px;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 1.5rem;
}

.nw-break > div {
  height: 100%;
  width: 100%;
  background: var(--nw-brand-navy);
}

.nw-padding {
  height: 24px;
  height: 1.5em;
}

.our-views-recent__container
  nw-article-card-block:not(:first-child)
  .article-card__container__image {
  display: none;
}

.our-views__container__results__posts {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content;
  gap: 1.5rem;
  grid-row: span 2 / span 2;
}

.our-views__container__results__filters {
  grid-row-start: 7;
}

.our-views__container__results__filters__knowledge,
.our-views__container__results__filters__authors {
  display: none;
  min-width: 356px;
  max-width: 356px;
  margin-left: 1.5rem;
}

.our-views__container__results__filters__knowledge {
  display: inline;
}

.our-views__container__results__filters__knowledge {
  grid-column-start: 2;
  margin-top: 1.5rem;
}

.our-views__container__results__filters__knowledge a {
  text-decoration: none !important;
  padding-bottom: 0 !important;
  background-color: transparent !important;
}

.our-views__container__results__filters__authors a {
  --link-color: inherit;
  --link-text-decoration-color: inherit;
  text-decoration: none !important;
  padding-bottom: 0 !important;
}

.our-views__container__results {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .our-views__container__results__posts {
    grid-template-columns: 1fr 1fr;
    grid-column-start: 1;
    grid-row-start: 4;
  }

  .article-card__container {
    height: 100%;
  }

  .our-views-recent__container
    nw-article-card-block:not(:first-child)
    .article-card__container__image {
    display: inherit;
  }
}

.our-views-recent__container .nw-content-block__container__content {
  margin-left: 0;
  margin-right: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(3, min-content);
  gap: 1rem 1.5rem;
}

.our-views__container__results__page {
  grid-column-start: 1;
  grid-row-start: 3;
}

.our-views__container__results .newsletter-container {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

@media (min-width: 1200px) {
  .our-views__container__results {
    grid-template-columns: 1fr min-content;
    grid-template-rows: min-content min-content min-content min-content min-content 1fr;
  }

  .our-views__container__results__filters {
    grid-row: span 6 / span 6;
    grid-column-start: 2;
    grid-row-start: 1;
  }

  .our-views-recent__container .nw-content-block__container__content {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, min-content);
  }

  .our-views__container__results__filters__knowledge,
  .our-views__container__results__filters__authors {
    display: block;
  }

  .our-views__container__results__posts {
    grid-row-start: 4;
  }
}

.our-views-recent__container
  .nw-content-block__container__content
  nw-article-card-block:first-child {
  grid-row: span 2 / span 2;
  display: flex;
}

.our-views-recent__container .nw-content-block__container,
.our-views__container .nw-content-block__container,
.press-page__container .nw-content-block__container {
  background: transparent;
}

.our-views__container--post .nw-content-block__container {
  max-width: 736px !important;
}

.our-views__container .our-views__container__heading {
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 700;
  margin-block-start: 1.5rem;
  margin-block-end: 1.5rem;
}

.our-views__container
  .our-views__container__youtube
  .nw-content-block__container {
  padding-left: 0;
  padding-right: 0;
}

.our-views__container nw-breadcrumbs {
  margin-top: 1.5rem;
  display: block;
}

.our-views__container nw-article-card-block {
  display: block;
}

.our-views__container
  .nw-content-block__container
  .nw-content-block__container__content {
  margin-left: 0;
  margin-right: 0;
}

.knowledge-centre__heading .nw-page-heading__container,
.our-views__heading .nw-page-heading__container {
  margin-bottom: 0 !important;
}

.our-views__container .nw-button--light,
.press-page__container .nw-button--light {
  --button-background-color: transparent;
  --button-border-color: transparent;
  --button-hover-background-color: #dae0e5;
  --button-active-background-color: #bdc6d0;
  --button-color: #525860;
}

.our-views__container
  .our-views__container__pagination
  .our-views__container__pagination__badge,
.press-page__container
  .press-page__container__pagination
  .press-page__container__pagination__badge {
  background: #17191c;
  color: #ffffff;
  font-weight: 700;
  line-height: 0.875rem;
  font-size: 0.875rem;
  padding: 0.5rem;
  border-radius: 44px;
}

.our-views__container .our-views__container__pagination,
.press-page__container .press-page__container__pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  grid-row-start: 6;
  align-self: flex-start;
}

.press-page__container .press-page__container__pagination {
  margin-top: 0;
  grid-row-start: 4;
}

.our-views__container
  .our-views__container__pagination
  .our-views__container__pagination__current,
.press-page__container
  .press-page__container__pagination
  .press-page__container__pagination__current {
  --button-background-color: #f8f9fa;
  --button-border-color: #f8f9fa;
  --button-hover-background-color: #dae0e5;
  --button-active-background-color: #bdc6d0;
  --button-color: #17191c;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
}

.our-views__container
  .our-views__container__pagination
  .our-views__container__pagination__current,
.our-views__container .our-views__container__pagination .nw-button,
.press-page__container
  .press-page__container__pagination
  .press-page__container__pagination__current,
.press-page__container .press-page__container__pagination .nw-button {
  display: none;
}

.press-page__container
  .nw-content-block__container
  .nw-content-block__container__content {
  margin-left: 0;
  margin-right: 0;
}
.press-page__container .key-topic-two__container {
  height: unset !important;
}
.press-page__container__results__posts {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 1.5em;
}
.press-page__container__results__page {
  margin-block-start: 0;
  margin-block-end: 0;
}
.press-page__container__results__posts__left,
.press-page__container__results__posts__right {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, min-content);
  gap: 1.5em;
}
.press-page__container__results__posts__left {
  order: 2;
}
.press-page__container__results__posts__filters {
  order: 5;
}
.press-page__container__results__posts__right {
  order: 3;
}
.press-page__container__results__page {
  order: 1;
}
.press-page__container__results__posts__filters__knowledge {
  margin-bottom: 1.5rem;
  display: block;
}
.press-page__container__results__posts__filters__knowledge--our-views * {
  --highlight-card-indicator-color: #1d006f;
}
.press-page__container__results__posts__filters__knowledge a {
  text-decoration: none !important;
  padding-bottom: 0 !important;
  background-color: transparent !important;
}

nw-media-enquiries-block {
  display: block;
  margin-bottom: 1.5rem;
}

.press-page__container__results__media-enquiries__tablet {
  display: none;
}

.our-views__container__results__tabs {
  display: none;
}

.our-views__container__results__tabs * {
  --tab-group-background-color: transparant !important;
}

@media (min-width: 768px) {
  .our-views__container
    .our-views__container__pagination
    .our-views__container__pagination__prev,
  .press-page__container
    .press-page__container__pagination
    .press-page__container__pagination__prev {
    margin-right: 0.75rem;
  }

  .our-views__container
    .our-views__container__pagination
    .our-views__container__pagination__badge,
  .press-page__container
    .press-page__container__pagination
    .press-page__container__pagination__badge {
    display: none;
  }

  .our-views__container .our-views__container__pagination,
  .press-page__container .press-page__container__pagination {
    justify-content: flex-start;
  }

  .our-views__container
    .our-views__container__pagination
    .our-views__container__pagination__current,
  .our-views__container .our-views__container__pagination .nw-button,
  .press-page__container
    .press-page__container__pagination
    .press-page__container__pagination__current,
  .press-page__container .press-page__container__pagination .nw-button {
    display: inline-block;
  }

  .press-page__container__results__posts {
    grid-template-columns: 1fr minmax(274px, 1fr);
  }
  .press-page__container__results__page {
    grid-column: span 2 / span 2;
  }
  .press-page__container__results__posts__filters {
    order: 3;
  }
  .press-page__container__results__posts__right {
    order: 4;
  }

  .press-page__container__results__media-enquiries__mobile {
    display: none;
  }

  .press-page__container__results__media-enquiries__tablet {
    display: block;
  }
}

.nw-author-block__container__desc {
  line-height: 1.75rem !important;
}

.our-views__container__filter-btn {
  display: flex !important;
  gap: 0.5rem;
  width: max-content;
  align-items: center;
  grid-row-start: 2;
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .our-views__container__filter-btn {
    display: none !important;
  }

  .press-page__container__results__posts {
    grid-template-columns: 1fr 1fr minmax(274px, 1fr);
  }
  .press-page__container__results__page {
    grid-column: span 3 / span 3;
  }
  .press-page__container__results__posts__right {
    order: 3;
  }

  .our-views__container__results__tabs {
    display: inherit;
    grid-row-start: 2;
  }

  .press-page__container .press-page__container__pagination {
    grid-row-start: 3;
  }
}

#filter-backdrop,
#account-details-backdrop {
  display: none;
  z-index: 1000;
  height: var(--app-height);
  width: 100vw;
  width: 100svw;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #17191c66;
}

#filter-bar,
#account-details-bar {
  position: fixed;
  opacity: 0;
  top: 0;
  right: 0;
  z-index: 1001;
  background: white;
  height: var(--app-height);
  min-width: calc(100vw - 2.5rem);
  min-width: calc(100svw - 2.5rem);
  max-width: 100vw;
  max-width: 100svw;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  transition-property: transform, opacity;
  transform: translate(120%);
  -webkit-transform: translateX(120%);
  -moz-transform: translateX(120%);
  -ms-transform: translateX(120%);
  -o-transform: translateX(120%);
}

#filter-bar nw-side-menu,
#account-details-bar nw-side-menu {
  padding: 1.5rem;
  overflow-y: auto;
  display: block;
  width: calc(100% - 3rem);
  height: calc(var(--app-height) - 7.5rem);
}

#filter-bar .filter-bar__title,
#account-details-bar .account-details__title {
  border-bottom: 1px solid #bec1c5;
  padding: 1.5rem;
  font-weight: 700;
}

#account-details-bar .account-details__title {
  height: 12px;
}

#filter-bar .filter-bar__title button,
#account-details-bar .account-details__title button {
  float: right;
  margin-right: 0;
}

@media (min-width: 768px) {
  #filter-bar,
  #account-details-bar {
    min-width: 320px;
  }
}

@media (min-width: 1200px) {
  body {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }

  #filter-backdrop {
    display: none !important;
  }

  #filter-bar {
    display: none !important;
    opacity: 0 !important;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    transition-property: transform, opacity;
    transform: translate(120%);
    -webkit-transform: translateX(120%);
    -moz-transform: translateX(120%);
    -ms-transform: translateX(120%);
    -o-transform: translateX(120%);
  }

  #account-details-bar {
    height: auto;
    border-radius: 7px;
    overflow: hidden;
    right: 1rem;
    margin-top: 7.5rem;
  }
  #account-details-bar nw-side-menu {
    height: unset;
  }
}

nw-navigation-bar div[top] {
  height: 100%;
  display: flex;
  align-items: center;
}

#account-details-btn {
  display: flex;
  background: transparent;
  border: unset;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 700;
  color: #fff;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

#account-details-btn:hover,
#account-details-btn:focus,
#account-details-btn:active {
  cursor: pointer;
}

#account-details-btn span {
  display: none;
}

#account-details-btn:hover svg,
#account-details-btn:focus svg,
#account-details-btn:active svg {
  color: #00c5f0;
}

@media (min-width: 1200px) {
  #account-details-btn span {
    display: inherit;
  }
  #account-details-btn svg {
    display: none;
  }
  #account-details-btn:hover,
  #account-details-btn:focus,
  #account-details-btn:active {
    background-color: #ffffff1a;
  }
}

#account-details-bar nw-side-menu {
  padding: 0;
  width: 100%;
}

#account-details-menu .side-menu {
  display: flex;
  flex-direction: column;
}

#account-details-menu .side-menu div[role="list"] {
  order: 3;
  margin: 1rem;
}

.account-details-menu__name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 700;
  order: 1;
  padding: 0rem 2rem 0.25rem;
  margin-top: 0.75rem;
}

.account-details-menu__underline {
  margin-left: 2rem;
  margin-bottom: 0.25rem;
  width: 40px;
  height: 4px;
  background-color: #00a2c5;
  border-radius: 7px;
  order: 2;
}

.knowledge-centre__block .tab-group {
  --tab-group-background-color: transparent;
}

.newsletter-container {
  background: #112e51;
  color: #fff;
  padding: 1.5rem;
  border-radius: 4px;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.newsletter-container form {
  display: grid;
  column-gap: 1.5rem;
}

.newsletter-container h2 {
  margin-block-start: 0;
  margin-block-end: 1.5rem;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.newsletter-container button {
  margin-top: 1.5rem;
}

.newsletter-container label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
}

.newsletter-container input {
  border-radius: 4px;
  border: 1px solid #bec1c5;
  height: 46px;
}

@media (min-width: 768px) {
  .newsletter-container form {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, min-content);
  }

  .newsletter-container h2 {
    grid-column: span 4 / span 4;
  }

  .contactForm__firstnameLabel,
  .contactForm__lastnameLabel,
  .contactForm__emailLabel {
    grid-row-start: 2;
  }

  .contactForm__emailLabel,
  .contactForm__emailInput {
    grid-column: span 2 / span 2;
  }

  .contactForm__firstnameInput,
  .contactForm__lastnameInput,
  .contactForm__emailInput {
    grid-row-start: 3;
  }

  .newsletter-container button {
    grid-column: span 4 / span 4;
    grid-row-start: 4;
  }

  .newsletter-container label {
    margin-top: 0;
  }
}

@media (min-width: 1000px) {
  .newsletter-container form {
    grid-template-columns: 25fr 25fr 25fr 25fr min-content;
    grid-template-rows: repeat(5, min-content);
  }

  .newsletter-container h2 {
    grid-column: span 5 / span 5;
  }

  .newsletter-container button {
    grid-row-start: 3;
    margin-top: 0;
    width: 108px;
    margin-right: 0;
    grid-column: span 1 / span 1;
  }
}

@media (min-width: 990px) {
  .nw__insights .nw-key-topic-one-block__container {
    padding-top: 1.5rem;
    padding-bottom: 0 !important;
  }
}
nw-key-topic-one-block .nw-key-topic-one-block__container__col__content img {
  width: 100%;
  height: auto;
}
nw-footer {
  overflow: hidden;
}
#filter-menu input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #525860;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
}
#filter-menu input[type="radio"]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #00a2c5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#filter-menu input[type="radio"]:hover {
  border-color: #00a2c5;
}
#filter-menu input[type="radio"]:checked {
  border-color: #00a2c5;
}
#filter-menu h5 {
  margin-block-start: 0;
  margin-block-end: 1rem;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
#filter-menu label {
  margin-bottom: 0.5rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
}
.overflow-hidden-important {
  /* overflow: hidden !important; */
}
nw-key-content-block .nw-content-block__container {
  max-width: calc(1116px - 9rem);
}
.nw-hero-block-carousel-light .nw-hero-block__container,
.nw-hero-block-carousel-dark .nw-hero-block__container {
  max-width: 1116px !important;
}

nw-key-content-block,
nw-turtl-block,
nw-youtube-block {
  margin-bottom: 1.5rem;
  display: block;
}

.our-views__container .nw-content-block__container,
.our-views-recent__container .nw-content-block__container,
.press-page__container .nw-content-block__container {
  max-width: 1116px;
}

.small,
small {
  font-size: 80%;
  font-weight: 400;
}

.cdk-overlay-dark-backdrop {
  background-color: transparent;
}