
.featured-block .image-block {
  position: relative;
  min-height: 20rem;
}
.featured-block .image-block img {
  border-radius: .75rem;
  height: 100%;
	object-fit: cover;
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  width: 100%;
}

.featured-block-text-wrapper {
  max-width: calc( 97.5rem / 2 );
  width: 100%;
  padding: 3.625rem 0;
  position: relative;
}
.featured-block-text-wrapper a:not(.btn) {
  text-decoration: underline;
  text-decoration-color: var(--color-primary);
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.25rem;
}

.featured-block-text-ref.text-ref {
  font-family: var(--font);
  font-size: 1.125rem;
  color: var(--color-primary);
  margin-bottom: 0.5rem;
}

.featured-block-text-text > .block-title:last-child {
  margin-bottom: 0 !important;
}

.featured-block-text-text > *:last-child {
  margin-bottom: 0;
}

.featured-block-button {
  margin-top: 3rem;
}




/***************   Mobile    ***************/

@media (max-width: 1439px) {
  .featured-block-text-wrapper {
    padding: 2.5rem 2rem;
  }
  .featured-block-text.xxlarge-order-1 .featured-block-text-wrapper {
    padding-left: 0;
  }
  .featured-block-text.xxlarge-order-2 .featured-block-text-wrapper {
    padding-right: 0;
  }
  .featured-block-button {
    margin-top: 2rem;
  }
}

@media (max-width: 1199px) {
  .featured-block-text-wrapper {
    max-width: 100%;
    padding: 3rem 4rem;
  }
  .featured-block-text.xxlarge-order-1 .featured-block-text-wrapper {
    padding-left: 0;
    padding-right: 1.5rem;
  }
  .featured-block-text.xxlarge-order-2 .featured-block-text-wrapper {
    padding-left: 1.5rem;
    padding-right: 0;
  }
}

@media (max-width: 1023px) {
  .featured-block .image-block {
    min-height: 80vw;
  }
}

@media (max-width: 823px) {
  .featured-block-text-wrapper {
    margin: 0;
    padding: 2.5rem 2.9375rem 4.5rem;
  }
  .featured-block-text-text, .featured-block-text-text p, .featured-block-text-text ul li {
    font-size: 1rem;
    line-height: 1.6875;
  }
}

@media (max-width: 639px) {
  .featured-block-text-wrapper {
    margin: 0;
    padding: 2.5rem 0;
  }
  .featured-block-text.xxlarge-order-1 .featured-block-text-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .featured-block-text.xxlarge-order-2 .featured-block-text-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
