.image-banner {
  position: relative;
}
.image-banner h1 {
  color: #fff;
  font-size: 45px;
  font-family: 'Kalam', cursive;
  font-weight: 700;
}
.image-banner.bow-top.bottom-banner {
  margin-bottom: -80px;
}
.image-banner.bow-top .hero-quote-container {
  position: relative;
}
.image-banner.bow-top .hero-quote-container .hero-quote {
  position: absolute;
  z-index: 500;
  top: 25px;
  width: 160px;
}
.image-banner.bow-top .hero-bow-top {
  position: absolute;
  display: block;
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.image-banner.bow-top .hero-bow-top img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.image-banner.bow-top div.ccm-block-hero-image div.ccm-block-hero-image-image,
.image-banner.bow-top div.ccm-block-hero-image div.ccm-block-hero-image-text {
  height: 480px;
}
.image-banner.bow-top .ccm-block-hero-image-text {
  display: block;
}
.image-banner.bow-top .wrapper {
  height: 100%;
}
.image-banner.bow-top .wrapper .row {
  height: 100%;
}
.image-banner.bow-top .wrapper .row .hero-text-container {
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 110px;
}
.image-banner.bow-top .wrapper .row .hero-text-container .hero-quote-text {
  font-size: 45px;
  font-weight: 700;
  font-family: 'Kalam', cursive;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.2;
}
.image-banner.ripped {
  position: relative;
  margin: 75px 0px 0px 0px;
}
.image-banner.ripped .hero-ripped-top {
  position: absolute;
  display: block;
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.image-banner.ripped .hero-ripped-top img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.image-banner.ripped .hero-ripped-bottom {
  position: absolute;
  display: block;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.image-banner.ripped .hero-ripped-bottom img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.image-banner.ripped div.ccm-block-hero-image div.ccm-block-hero-image-image,
.image-banner.ripped div.ccm-block-hero-image div.ccm-block-hero-image-text {
  height: 480px;
}
.image-banner.ripped .ccm-block-hero-image-text {
  display: block;
}
.image-banner.ripped .wrapper {
  height: 100%;
}
.image-banner.ripped .wrapper .row {
  height: 100%;
}
.image-banner.ripped .wrapper .row .hero-text-container {
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.image-banner.ripped .wrapper .row .hero-text-container .hero-quote-text {
  font-size: 45px;
  font-weight: 700;
  font-family: 'Kalam', cursive;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.2;
}
.image-banner.ripped .hero-quote-container {
  position: relative;
}
.image-banner.ripped .hero-quote-container .hero-quote {
  position: absolute;
  z-index: 500;
  top: -75px;
  width: 160px;
}
.image-banner.content-page {
  background: #a182a1;
  height: 450px;
  margin-bottom: 85px;
  background-position: center;
  background-size: cover;
}
.image-banner.content-page.top-banner {
  margin-top: -80px;
}
.image-banner.content-page.home-page-banner {
  margin-top: -80px;
}
.image-banner.content-page.home-page-banner .content-page-hero-wrapper .hero-text-container {
  bottom: -40px;
}
.image-banner.content-page.home-page-banner .content-page-hero-wrapper .hero-text-container .green-speech-bubble {
  min-height: 0px;
}
.image-banner.content-page.home-page-banner .content-page-hero-wrapper .hero-text-container .green-speech-bubble .speech-bubble-text {
  padding: 50px 50px;
}
.image-banner.content-page .hero-bow-bottom {
  position: absolute;
  display: block;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.image-banner.content-page .hero-bow-bottom img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.image-banner.content-page .ccm-block-hero-image-image {
  background: #357abe;
}
.image-banner.content-page .content-page-hero-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.image-banner.content-page .content-page-hero-wrapper .hero-text-container {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 11;
}
.image-banner.content-page .content-page-hero-wrapper .hero-text-container .green-speech-bubble {
  width: 520px;
  min-height: 240px;
  background-color: #96b134;
  border-radius: 130px 130px 0px 130px;
  float: right;
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page .content-page-hero-wrapper .hero-text-container .green-speech-bubble {
    display: none;
  }
}
.image-banner.content-page .content-page-hero-wrapper .hero-text-container .green-speech-bubble .speech-bubble-text {
  color: #fff;
  padding: 70px 50px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.image-banner.content-page .content-page-hero-wrapper .hero-text-container .green-speech-bubble .speech-bubble-text p {
  font-family: 'Kalam', cursive;
  font-size: 38px;
  text-align: center;
  margin-bottom: 0px;
  font-weight: 700;
}
.image-banner.content-page .content-page-hero-wrapper .hero-text-container .green-speech-bubble .speech-bubble-text h1 {
  font-size: 36px;
  font-weight: 700;
}
.image-banner.content-page .content-page-hero-wrapper .hero-text-container .green-speech-bubble .speech-bubble-text .hero-quote-text {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  font-family: 'Kalam', cursive;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.2;
}
.image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title {
  position: absolute;
  bottom: -35px;
  right: 200px;
  width: 100%;
  z-index: 11;
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title {
    right: unset;
  }
}
.image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble {
  background-color: #357abe;
  border-radius: 130px 130px 0px 130px;
  float: right;
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble {
    float: left;
    margin-right: 0px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) {
  .image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble {
    margin-left: 230px;
  }
}
.image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble .speech-bubble-text {
  color: #fff;
  padding: 20px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: 370px;
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble .speech-bubble-text {
    min-width: unset;
  }
}
.image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble .speech-bubble-text p {
  font-size: 36px;
  text-align: center;
  margin-bottom: 0px;
  font-weight: 700;
}
.image-banner.content-page .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble .speech-bubble-text .hero-quote-text {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  font-family: 'Kalam', cursive;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.2;
}
.image-banner.content-page-small-image {
  background: #e1ebf5;
  height: 450px;
  margin-bottom: 85px;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 992px) {
  .image-banner.content-page-small-image {
    background-image: none !important;
    margin-bottom: 115px;
  }
}
.image-banner.content-page-small-image .hero-bow-bottom {
  position: absolute;
  display: block;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.image-banner.content-page-small-image .hero-bow-bottom img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.image-banner.content-page-small-image .ccm-block-hero-image-image {
  background: #e1ebf5;
}
.image-banner.content-page-small-image .content-page-hero-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 11;
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container {
    right: unset;
  }
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container .banner-text-wrapper {
  width: 520px;
  min-height: 240px;
  float: right;
}
@media only screen and (max-width: 991px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container .banner-text-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container .banner-text-wrapper {
    width: 100%;
  }
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container .banner-text-wrapper .banner-text {
  color: #357abe;
  padding: 70px 80px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1399px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container .banner-text-wrapper .banner-text {
    padding: 70px 30px 70px 130px;
  }
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container .banner-text-wrapper .banner-text p {
  color: #357abe;
  font-family: 'Kalam', cursive;
  font-size: 38px;
  text-align: center;
  margin-bottom: 0px;
  font-weight: 700;
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container .banner-text-wrapper .banner-text .hero-title {
  color: #523888;
  font-family: 'Kalam', cursive;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-text-container .banner-text-wrapper .banner-text h1 {
  color: #523888;
  font-size: 36px;
  font-weight: 700;
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title {
  position: absolute;
  bottom: -35px;
  right: 200px;
  width: 100%;
  z-index: 11;
}
@media only screen and (max-width: 1399px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title {
    right: 100px;
  }
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title {
    right: unset;
  }
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title img {
  height: 400px;
  width: 600px;
  border-radius: 80px 0px 10px 10px;
  bottom: 30px;
  right: 300px;
  z-index: -1;
  position: absolute;
  object-fit: cover;
  max-width: 700px;
}
@media only screen and (max-width: 1199px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title img {
    max-width: 480px;
  }
}
@media only screen and (max-width: 991px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title img {
    display: none;
  }
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble {
  background-color: #357abe;
  border-radius: 130px 130px 0px 130px;
  float: right;
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble {
    float: left;
    width: calc(100% - 66px);
  }
}
@media only screen and (min-width: 576px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble {
    margin-left: 230px;
  }
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble .speech-bubble-text {
  color: #fff;
  padding: 20px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: 370px;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble .speech-bubble-text {
    min-width: unset;
  }
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble .speech-bubble-text p {
  font-size: 36px;
  text-align: center;
  margin-bottom: 0px;
  font-weight: 700;
}
.image-banner.content-page-small-image .content-page-hero-wrapper .hero-pink-wrapper .hero-text-container-page-title .pink-speech-bubble .speech-bubble-text .hero-quote-text {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  font-family: 'Kalam', cursive;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.2;
}