.BLUE-CTA-BLOCK {
  padding-top: 16px;
  padding-bottom: 16px;
}
.BLUE-CTA-BLOCK.bigger-bottom-padding {
  padding-bottom: 8rem;
}
.BLUE-CTA-BLOCK.attached {
  padding-top: 0;
  margin-top: -24px;
}
.BLUE-CTA-BLOCK.blog-page .blue-cta {
  padding: 64px 73px 64px 56px;
}
.BLUE-CTA-BLOCK.blog-page .blue-cta__btn {
  padding: 16px 24px;
}
.BLUE-CTA-BLOCK .blue-cta {
  color: #FFFFFF;
  padding: 64px;
  background: linear-gradient(0deg, #0A6FE8, #0A6FE8), linear-gradient(88.01deg, #F2F5F7 0%, #E8F6FF 100%);
  border-radius: 6px;
}
.BLUE-CTA-BLOCK .blue-cta--gradient {
  background: linear-gradient(88.01deg, #F2F5F7 0%, #E8F6FF 100%);
  color: #13191F;
}
.BLUE-CTA-BLOCK .blue-cta--gradient .col-right {
  display: flex;
  justify-content: center;
}
.BLUE-CTA-BLOCK .blue-cta.light-blue {
  background: #E9F6FE;
  color: #13191F;
}
.BLUE-CTA-BLOCK .blue-cta__title {
  margin-bottom: 16px;
  font-size: 28px;
}
.BLUE-CTA-BLOCK .blue-cta__subtitle {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
}
.BLUE-CTA-BLOCK .blue-cta__subtitle__bold {
  font-size: 28px;
  font-weight: 800;
}
@media (max-width: 992px) {
  .BLUE-CTA-BLOCK .blue-cta {
    padding: 40px;
  }
  .BLUE-CTA-BLOCK .blue-cta .col-right {
    margin: 24px auto 0 auto !important;
    display: flex;
  }
}
@media (max-width: 768px) {
  .BLUE-CTA-BLOCK .blue-cta {
    padding: 32px 24px;
  }
}
@media (min-width: 992px) {
  .BLUE-CTA-BLOCK {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .BLUE-CTA-BLOCK.attached {
    margin-top: -40px;
  }
}

.single-post .blog-post .blue-cta {
  text-align: center;
  padding: 40px;
}
.single-post .blog-post .blue-cta__title {
  font-size: 20px;
  font-weight: 800;
}
.single-post .blog-post .blue-cta__subtitle {
  font-size: 16px;
}
.single-post .blog-post .blue-cta .btn-outline-light,
.single-post .blog-post .blue-cta .btn-primary {
  font-size: 16px;
  font-weight: 700;
}
.single-post .blog-post .blue-cta .right-col {
  text-align: center !important;
}
.single-post .BLUE-CTA-BLOCK .blue-cta__btn {
  padding: 12px 16px;
}

@media (min-width: 768px) {
  .blog-post .blue-cta {
    text-align: left !important;
  }
  .blog-post .blue-cta .col-left {
    width: 65%;
  }
  .blog-post .blue-cta .col-right {
    width: 35%;
  }
}