.homepage-hero-featured-content__teaser-text {
  position: relative; }
  .homepage-hero-featured-content__teaser-text::before {
    background: #12284c;
    position: absolute;
    content: '';
    transform: skewX(-10deg) translateX(-55%);
    transform-origin: bottom left;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    bottom: 0; }
    @media screen and (min-width: 45rem) {
      .homepage-hero-featured-content__teaser-text::before {
        display: block; } }
    @media screen and (min-width: 2100px) {
      .homepage-hero-featured-content__teaser-text::before {
        width: 100vw;
        transform: skewX(-10deg) translateX(-80%); } }
    @media screen and (min-width: 2260px) {
      .homepage-hero-featured-content__teaser-text::before {
        width: 100vw;
        transform: skewX(-10deg) translateX(-82%); } }
  @media screen and (min-width: 2100px) {
    .homepage-hero-featured-content__teaser-text:lang(ar)::before {
      width: 100vw;
      transform: skewX(-10deg) translateX(-28%); } }
  @media screen and (min-width: 2260px) {
    .homepage-hero-featured-content__teaser-text:lang(ar)::before {
      width: 100vw;
      transform: skewX(-10deg) translateX(-21%); } }

.homepage-hero-featured-content__text-container {
  z-index: 2;
  position: relative;
  color: #ffffff;
  padding: 70px 0; }
  .homepage-hero-featured-content__text-container:lang(ar) {
    float: left !important; }
  @media screen and (min-width: 68.75rem) {
    .homepage-hero-featured-content__text-container {
      padding: 120px 0 90px; } }
  .homepage-hero-featured-content__text-container h2.homepage-hero__heading {
    color: #ffffff; }
    .homepage-hero-featured-content__text-container h2.homepage-hero__heading:lang(ar) {
      text-align: center; }
      @media screen and (min-width: 45rem) {
        .homepage-hero-featured-content__text-container h2.homepage-hero__heading:lang(ar) {
          text-align: right; } }

.right-aligned .col-5.homepage-hero-featured-content__text-container {
  float: right; }
  .right-aligned .col-5.homepage-hero-featured-content__text-container:lang(ar) {
    float: right !important; }

.right-aligned .homepage-hero-featured-content__teaser-text::before {
  transform: skewX(10deg) translateX(55%); }
  @media screen and (min-width: 2100px) {
    .right-aligned .homepage-hero-featured-content__teaser-text::before {
      transform: skewX(10deg) translateX(28%); } }
  @media screen and (min-width: 2260px) {
    .right-aligned .homepage-hero-featured-content__teaser-text::before {
      transform: skewX(10deg) translateX(21%); } }

@media screen and (min-width: 2100px) {
  .right-aligned .homepage-hero-featured-content__teaser-text:lang(ar)::before {
    width: 100vw;
    transform: skewX(10deg) translateX(77%); } }

@media screen and (min-width: 2260px) {
  .right-aligned .homepage-hero-featured-content__teaser-text:lang(ar)::before {
    width: 100vw;
    transform: skewX(10deg) translateX(82%); } }

@media screen and (min-width: 68.75rem) {
  .page-node-type-landing-page #mainNavigation {
    background: transparent !important; }
  .page-node-type-landing-page .megamenu {
    background: transparent !important; }
  .page-node-type-landing-page .homepage-hero {
    margin-top: -78px; } }

.homepage-hero {
  background-color: #12284c;
  text-align: center;
  background-image: none;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column-reverse; }
  @media screen and (min-width: 45rem) {
    .homepage-hero {
      background-size: cover;
      background-position: center;
      background-color: transparent;
      text-align: left;
      height: 100%; } }

.homepage-hero-image-wrapper {
  background-color: #12284c;
  text-align: center;
  background-image: none; }
  @media screen and (min-width: 45rem) {
    .homepage-hero-image-wrapper {
      background-size: cover;
      background-position: center;
      background-color: transparent;
      text-align: left;
      width: 55%;
      height: 535px;
      display: block;
      position: absolute; } }

@media screen and (min-width: 45rem) {
  .homepage-hero-desktop-img {
    max-width: 54%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
    .right-aligned .homepage-hero-desktop-img {
      right: unset;
      left: 0; } }

.homepage-hero-desktop-img .media--view-mode-homepage-hero {
  height: 100%;
  display: flex;
  justify-content: center; }
  .homepage-hero-desktop-img .media--view-mode-homepage-hero img {
    vertical-align: top; }
    @media screen and (min-width: 33.75rem) {
      .homepage-hero-desktop-img .media--view-mode-homepage-hero img {
        height: 100%;
        width: auto;
        max-width: none; } }

.homepage-hero-featured-content__image {
  display: block; }
  @media screen and (min-width: 45rem) {
    .homepage-hero-featured-content__image {
      display: none; } }

.homepage-hero__description {
  margin: 25px 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }
  .homepage-hero__description:lang(ar) {
    text-align: center;
    line-height: 1.8; }
    @media screen and (min-width: 45rem) {
      .homepage-hero__description:lang(ar) {
        text-align: right; } }
  .homepage-hero__description p {
    margin: 0; }

h2.homepage-hero__heading {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 1.5rem; }
  h2.homepage-hero__heading:lang(ar) {
    text-align: right; }

.homepage-hero-featured-content__mobile-image {
  display: block;
  min-height: 291px;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 45rem) {
    .homepage-hero-featured-content__mobile-image {
      display: none; } }

.hero__readmore:lang(ar) {
  text-align: center; }
  @media screen and (min-width: 45rem) {
    .hero__readmore:lang(ar) {
      text-align: right; } }

a.homepage-hero__heading-link {
  text-decoration: none; }
  a.homepage-hero__heading-link:hover {
    color: #ffffff;
    text-decoration: underline; }