/****************
 * Theme
 ****************/
/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
.block-content-image {
  margin: 0;
  padding: 2.5rem 0;
}

@media (min-width: 768px) {
  .block-content-image {
    padding: 4.5rem 0;
  }
}

.block-content-image--no-bg-grey .block-content-image__image::before {
  background: #C4C4C4;
}

.block-content-image--dark-bg-blue {
  background: #00091A;
  padding: 4rem 0;
  color: #fff;
}

.block-content-image--dark-bg-blue h1, .block-content-image--dark-bg-blue .h1, .block-content-image--dark-bg-blue h2, .block-content-image--dark-bg-blue .h2, .block-content-image--dark-bg-blue h3, .block-content-image--dark-bg-blue .h3, .block-content-image--dark-bg-blue h4, .block-content-image--dark-bg-blue .h4, .block-content-image--dark-bg-blue h5, .block-content-image--dark-bg-blue .h5, .block-content-image--dark-bg-blue h6, .block-content-image--dark-bg-blue .h6 {
  color: #fff;
}

.block-content-image--dark-bg-blue .c-btn-tertiary {
  color: #fff;
}

@media (min-width: 768px) {
  .block-content-image--dark-bg-blue {
    padding: 6.875rem 0;
  }
}

.block-content-image--dark-bg-blue .block-content-image__image::before {
  background: #0252E5;
}

.block-content-image__image {
  margin: 0 0 2rem 0;
  position: relative;
}

.block-content-image__image img {
  width: 100%;
  object-fit: cover;
  position: relative;
}

.block-content-image__image::before {
  content: "";
  clip-path: polygon(100% 0, 85% 100%, 0 100%, 0 0);
  background: #00091A;
  width: 85%;
  height: calc(100% + 1.25rem);
  position: absolute;
  top: -0.625rem;
  left: -0.625rem;
  display: block;
}

@media (min-width: 576px) {
  .block-content-image__image::before {
    width: 85%;
  }
}

@media (min-width: 1200px) {
  .block-content-image__image::before {
    height: calc(100% + 2rem);
    width: 33.4375rem;
    top: -1rem;
    left: -1rem;
  }
}

@media (min-width: 768px) {
  .block-content-image__content {
    margin: 0 0 0 6.875rem;
  }
}

.block-content-image__content h4, .block-content-image__content .h4, .block-content-image__content h5, .block-content-image__content .h5, .block-content-image__content h6, .block-content-image__content .h6 {
  margin: 0 0 0.5rem 0;
}

.block-content-image__content h1, .block-content-image__content .h1, .block-content-image__content h2, .block-content-image__content .h2, .block-content-image__content h3, .block-content-image__content .h3 {
  margin: 0 0 1rem 0;
}

@media (min-width: 768px) {
  .block-content-image__content h1, .block-content-image__content .h1, .block-content-image__content h2, .block-content-image__content .h2, .block-content-image__content h3, .block-content-image__content .h3 {
    margin: 0 0 2rem 0;
  }
}

.block-content-image__content .c-btn-wrapper {
  margin: 0;
}

@media (min-width: 768px) {
  .block-content-image__content .c-btn-wrapper {
    margin: 0.5rem 0 0 0;
  }
}

@media (min-width: 768px) {
  .block-content-image .order-1 .block-content-image__image::before {
    clip-path: polygon(100% 0, 100% 100%, 15% 100%, 0 0);
    left: auto;
    right: -0.625rem;
  }
}

@media (min-width: 1200px) {
  .block-content-image .order-1 .block-content-image__image::before {
    right: -1rem;
  }
}

@media (min-width: 1200px) {
  .block-content-image .order-2 .block-content-image__content {
    margin: 0 6.875rem 0 0;
  }
}

/*# sourceMappingURL=style.css.map */