/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
.block-cta {
  background: transparent;
  color: #173963;
  text-align: center;
  padding: 3.75rem 0 3.75rem;
  position: relative;
}

@media (min-width: 768px) {
  .block-cta {
    padding: 3.75rem 0 3.75rem;
  }
}

.block-cta h1, .block-cta .h1, .block-cta h2, .block-cta .h2, .block-cta h3, .block-cta .h3, .block-cta h4, .block-cta .h4, .block-cta h5, .block-cta .h5, .block-cta h6, .block-cta .h6 {
  color: #173963;
}

.block-cta > figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.block-cta > figure picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.block-cta > figure::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(23, 57, 99, 0.85);
  mix-blend-mode: multiply;
}

.block-cta > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-cta__description {
  color: #173963;
}

.block-cta .c-btn-wrapper {
  margin-bottom: 0;
}

.block-cta .c-btn-group {
  margin-bottom: -1.25rem;
}

.block-cta--green {
  background-color: #28b780;
}

.block-cta--green h1,
.block-cta--green h2,
.block-cta--green h2,
.block-cta--green h2,
.block-cta--green h2,
.block-cta--green h2,
.block-cta--green p,
.block-cta--green li,
.block-cta--green span {
  color: #fff;
}

.block-cta--dark {
  background: #173963;
}

.block-cta--dark h1, .block-cta--dark .h1, .block-cta--dark h2, .block-cta--dark .h2, .block-cta--dark h3, .block-cta--dark .h3, .block-cta--dark h4, .block-cta--dark .h4, .block-cta--dark h5, .block-cta--dark .h5, .block-cta--dark h6, .block-cta--dark .h6 {
  color: #fff;
}

.block-cta--dark p {
  color: #fff;
}

.block-cta--background {
  background: #173963;
}

.block-cta--background h1, .block-cta--background .h1, .block-cta--background h2, .block-cta--background .h2, .block-cta--background h3, .block-cta--background .h3, .block-cta--background h4, .block-cta--background .h4, .block-cta--background h5, .block-cta--background .h5, .block-cta--background h6, .block-cta--background .h6 {
  color: #fff;
}

.block-cta--background p {
  color: #fff;
}

.block-cta--background .c-btn-primary,
.block-cta--background .c-btn-secondary {
  background-color: #fff;
  border-color: #00aeef;
  color: #173963;
}

.block-cta--background .c-btn-primary::before, .block-cta--background .c-btn-primary::after,
.block-cta--background .c-btn-secondary::before,
.block-cta--background .c-btn-secondary::after {
  border-color: #00aeef;
}

.block-cta--background .c-btn-primary:hover,
.block-cta--background .c-btn-secondary:hover {
  background-color: #fff;
  color: #173963;
}

.block-cta--light {
  padding-top: 0;
}

.block-cta--light .c-btn-primary,
.block-cta--light .c-btn-secondary {
  color: #173963;
}

.block-cta--light .c-btn-primary:hover,
.block-cta--light .c-btn-secondary:hover {
  color: #173963;
}

.block-cta--left {
  text-align: left;
}