.premium-bubbles-banner {
  position: relative;
  padding: 2rem 0 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner {
    padding: 0;
  }
}
.premium-bubbles-banner.bg-magenta {
  color: #fff;
  background-color: #d10074;
}
.premium-bubbles-banner.bg-magenta .premium-bubbles-banner__bubble--one {
  background-color: rgba(33, 7, 106, 0.6);
}
.premium-bubbles-banner.bg-magenta .premium-bubbles-banner__bubble--two {
  background-color: rgba(255, 255, 255, 0.3);
}
.premium-bubbles-banner.bg-magenta .premium-bubbles-banner__bubble--three {
  background-color: rgba(0, 0, 0, 0.3);
}
.premium-bubbles-banner.bg-magenta .premium-bubbles-banner__bubble--four {
  background-color: rgba(255, 255, 255, 0.08);
}
.premium-bubbles-banner.bg-magenta .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-indigo {
  color: #fff;
  background-color: #21076a;
}
.premium-bubbles-banner.bg-indigo .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-indigo .premium-bubbles-banner__bubble--two {
  background-color: rgba(255, 255, 255, 0.3);
}
.premium-bubbles-banner.bg-indigo .premium-bubbles-banner__bubble--three {
  background-color: rgba(0, 0, 0, 0.3);
}
.premium-bubbles-banner.bg-indigo .premium-bubbles-banner__bubble--four {
  background-color: rgba(255, 255, 255, 0.08);
}
.premium-bubbles-banner.bg-indigo .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-cyan {
  color: #fff;
  background-color: #017ac1;
}
.premium-bubbles-banner.bg-cyan .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-cyan .premium-bubbles-banner__bubble--two {
  background-color: rgba(255, 255, 255, 0.3);
}
.premium-bubbles-banner.bg-cyan .premium-bubbles-banner__bubble--three {
  background-color: rgba(0, 0, 0, 0.3);
}
.premium-bubbles-banner.bg-cyan .premium-bubbles-banner__bubble--four {
  background-color: rgba(255, 255, 255, 0.08);
}
.premium-bubbles-banner.bg-cyan .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-mint {
  color: #fff;
  background-color: #00818a;
}
.premium-bubbles-banner.bg-mint .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-mint .premium-bubbles-banner__bubble--two {
  background-color: rgba(255, 255, 255, 0.3);
}
.premium-bubbles-banner.bg-mint .premium-bubbles-banner__bubble--three {
  background-color: rgba(0, 0, 0, 0.3);
}
.premium-bubbles-banner.bg-mint .premium-bubbles-banner__bubble--four {
  background-color: rgba(255, 255, 255, 0.08);
}
.premium-bubbles-banner.bg-mint .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-mango {
  color: #333;
  background-color: #f4a11e;
}
.premium-bubbles-banner.bg-mango .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-mango .premium-bubbles-banner__bubble--two {
  background-color: rgba(255, 255, 255, 0.3);
}
.premium-bubbles-banner.bg-mango .premium-bubbles-banner__bubble--three {
  background-color: rgba(0, 0, 0, 0.3);
}
.premium-bubbles-banner.bg-mango .premium-bubbles-banner__bubble--four {
  background-color: rgba(255, 255, 255, 0.08);
}
.premium-bubbles-banner.bg-mango .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-violet {
  color: #fff;
  background-color: #712c6f;
}
.premium-bubbles-banner.bg-violet .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-violet .premium-bubbles-banner__bubble--two {
  background-color: rgba(255, 255, 255, 0.3);
}
.premium-bubbles-banner.bg-violet .premium-bubbles-banner__bubble--three {
  background-color: rgba(0, 0, 0, 0.3);
}
.premium-bubbles-banner.bg-violet .premium-bubbles-banner__bubble--four {
  background-color: rgba(255, 255, 255, 0.08);
}
.premium-bubbles-banner.bg-violet .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-slate {
  color: #fff;
  background-color: #333333;
}
.premium-bubbles-banner.bg-slate .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-slate .premium-bubbles-banner__bubble--two {
  background-color: rgba(255, 255, 255, 0.3);
}
.premium-bubbles-banner.bg-slate .premium-bubbles-banner__bubble--three {
  background-color: rgba(0, 0, 0, 0.3);
}
.premium-bubbles-banner.bg-slate .premium-bubbles-banner__bubble--four {
  background-color: rgba(255, 255, 255, 0.08);
}
.premium-bubbles-banner.bg-slate .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-heather {
  color: #333;
  background-color: #dfdbe0;
}
.premium-bubbles-banner.bg-heather .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-heather .premium-bubbles-banner__bubble--two {
  background-color: rgba(0, 0, 0, 0.1);
}
.premium-bubbles-banner.bg-heather .premium-bubbles-banner__bubble--three {
  background-color: #21076a;
}
.premium-bubbles-banner.bg-heather .premium-bubbles-banner__bubble--four {
  background-color: rgba(0, 0, 0, 0.08);
}
.premium-bubbles-banner.bg-heather .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-dove {
  color: #333;
  background-color: #dcdcdc;
}
.premium-bubbles-banner.bg-dove .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-dove .premium-bubbles-banner__bubble--two {
  background-color: rgba(0, 0, 0, 0.1);
}
.premium-bubbles-banner.bg-dove .premium-bubbles-banner__bubble--three {
  background-color: #21076a;
}
.premium-bubbles-banner.bg-dove .premium-bubbles-banner__bubble--four {
  background-color: rgba(0, 0, 0, 0.08);
}
.premium-bubbles-banner.bg-dove .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-grey {
  color: #fff;
  background-color: #757575;
}
.premium-bubbles-banner.bg-grey .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-grey .premium-bubbles-banner__bubble--two {
  background-color: rgba(255, 255, 255, 0.3);
}
.premium-bubbles-banner.bg-grey .premium-bubbles-banner__bubble--three {
  background-color: rgba(0, 0, 0, 0.3);
}
.premium-bubbles-banner.bg-grey .premium-bubbles-banner__bubble--four {
  background-color: rgba(255, 255, 255, 0.08);
}
.premium-bubbles-banner.bg-grey .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-midgrey {
  color: #333;
  background-color: #efefef;
}
.premium-bubbles-banner.bg-midgrey .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-midgrey .premium-bubbles-banner__bubble--two {
  background-color: rgba(0, 0, 0, 0.1);
}
.premium-bubbles-banner.bg-midgrey .premium-bubbles-banner__bubble--three {
  background-color: #21076a;
}
.premium-bubbles-banner.bg-midgrey .premium-bubbles-banner__bubble--four {
  background-color: rgba(0, 0, 0, 0.08);
}
.premium-bubbles-banner.bg-midgrey .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}
.premium-bubbles-banner.bg-white {
  color: #333;
  background-color: #ffffff;
}
.premium-bubbles-banner.bg-white .premium-bubbles-banner__bubble--one {
  background-color: rgba(209, 0, 116, 0.6);
}
.premium-bubbles-banner.bg-white .premium-bubbles-banner__bubble--two {
  background-color: rgba(0, 0, 0, 0.1);
}
.premium-bubbles-banner.bg-white .premium-bubbles-banner__bubble--three {
  background-color: #21076a;
}
.premium-bubbles-banner.bg-white .premium-bubbles-banner__bubble--four {
  background-color: rgba(0, 0, 0, 0.08);
}
.premium-bubbles-banner.bg-white .premium-bubbles-banner__bubble--five {
  background-color: rgba(0, 0, 0, 0.2);
}

.premium-padding {
  height: 100%;
}

.premium-padding img {
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 100%;
}

.premium-padding .subheading {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5;
}

@media only screen and (min-width: 576px) {
  .premium-bubbles-banner .container {
    max-width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner .container {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner .container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .premium-bubbles-banner .container {
    max-width: 1140px;
  }
}

.premium-bubbles-banner__bubble--one {
  position: absolute;
  width: 295px;
  height: 295px;
  border-radius: 50%;
  top: -270px;
  right: calc(50% - 325px);
  left: auto;
}
@media only screen and (min-width: 576px) {
  .premium-bubbles-banner__bubble--one {
    width: 280px;
    height: 280px;
    top: -230px;
    right: -100px;
    left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner__bubble--one {
    width: 485px;
    height: 485px;
    top: -455px;
    left: calc(50% - 655px);
    right: auto;
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner__bubble--one {
    width: 485px;
    height: 485px;
    top: -425px;
    left: calc(50% - 865px);
  }
}
@media only screen and (min-width: 1200px) {
  .premium-bubbles-banner__bubble--one {
    width: 485px;
    height: 485px;
    top: -405px;
    left: calc(50% - 945px);
  }
}

.premium-bubbles-banner__bubble--two {
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  bottom: 165px;
  right: -15px;
}
@media only screen and (min-width: 576px) {
  .premium-bubbles-banner__bubble--two {
    width: 45px;
    height: 45px;
    bottom: 40px;
    left: auto;
    right: -20px;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner__bubble--two {
    width: 190px;
    height: 190px;
    bottom: -160px;
    left: calc(50% - 350px);
    right: auto;
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner__bubble--two {
    width: 350px;
    height: 350px;
    bottom: -220px;
    left: calc(50% - 840px);
  }
}
@media only screen and (min-width: 1200px) {
  .premium-bubbles-banner__bubble--two {
    width: 350px;
    height: 350px;
    bottom: -170px;
    left: calc(50% - 1120px);
  }
}

.premium-bubbles-banner__bubble--three {
  position: absolute;
  bottom: 170px;
  right: -15px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
@media only screen and (min-width: 375px) {
  .premium-bubbles-banner__bubble--three {
    bottom: -250px;
    width: 500px;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) {
  .premium-bubbles-banner__bubble--three {
    bottom: 55px;
    left: auto;
    right: calc(50% - 300px);
    width: 255px;
    height: 255px;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner__bubble--three {
    bottom: -155px;
    left: calc(50% - 540px);
    right: auto;
    width: 265px;
    height: 265px;
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner__bubble--three {
    bottom: -200px;
    left: calc(50% - 570px);
    width: 235px;
    height: 235px;
  }
}
@media only screen and (min-width: 1200px) {
  .premium-bubbles-banner__bubble--three {
    bottom: -175px;
    left: calc(50% - 860px);
    width: 235px;
    height: 235px;
  }
}

.premium-bubbles-banner__bubble--four {
  position: absolute;
  bottom: -140px;
  right: calc(50% - 320px);
  width: 260px;
  height: 260px;
  border-radius: 50%;
}
@media only screen and (min-width: 576px) {
  .premium-bubbles-banner__bubble--four {
    bottom: -360px;
    right: calc(50% - 790px);
    width: 620px;
    height: 620px;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner__bubble--four {
    bottom: -90px;
    right: calc(50% - 220px);
    width: 210px;
    height: 210px;
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner__bubble--four {
    bottom: -480px;
    right: calc(50% - 1050px);
    width: 820px;
    height: 820px;
  }
}
@media only screen and (min-width: 1200px) {
  .premium-bubbles-banner__bubble--four {
    bottom: -480px;
    right: calc(50% - 1050px);
    width: 820px;
    height: 820px;
  }
}

.premium-bubbles-banner__bubble--five {
  position: absolute;
  top: 75px;
  right: calc(50% - 860px);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: none;
}
@media only screen and (min-width: 576px) {
  .premium-bubbles-banner__bubble--five {
    top: 25px;
    right: -30px;
    width: 80px;
    height: 80px;
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner__bubble--five {
    top: 75px;
    right: calc(50% - 860px);
    width: 80px;
    height: 80px;
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner__bubble--five {
    top: 55px;
    right: calc(50% - 570px);
    width: 80px;
    height: 80px;
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .premium-bubbles-banner__bubble--five {
    top: 75px;
    right: calc(50% - 860px);
    width: 80px;
    height: 80px;
  }
}

.premium-bubbles-banner__bubble--logo {
  background-color: white;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: absolute;
  bottom: 90px;
  right: 20px;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .premium-bubbles-banner__bubble--logo {
    bottom: 120px;
    right: 65px;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner__bubble--logo {
    bottom: 40px;
    right: calc(50% - 170px);
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner__bubble--logo {
    right: calc(50% - 160px);
    bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .premium-bubbles-banner__bubble--logo {
    bottom: 30px;
    right: calc(50% - 250px);
  }
}

.premium-bubbles-banner__bubble--logo img {
  width: 100%;
  padding: 18px 20px 20px;
}

.premium-bubbles-banner__image {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: -20%;
  margin-left: -5rem;
  min-width: 385px;
}
@media only screen and (min-width: 576px) {
  .premium-bubbles-banner__image {
    width: 90%;
    margin-left: -5rem;
    min-width: 0;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner__image {
    width: 140%;
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: 0;
    transform: scale(1.1) translateX(20px);
  }
}
@media only screen and (min-width: 900px) {
  .premium-bubbles-banner__image {
    margin-left: 2rem;
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner__image {
    width: 100%;
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: 3rem;
    max-width: 460px;
    transform: scale(1.15) translateX(0px);
  }
}

.premium-bubbles-banner__image div {
  padding-bottom: 100%;
}

.premium-bubbles-banner__logo {
  content: '';
  position: absolute;
  bottom: 200px;
  left: 13rem;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
}

@media screen and (min-width: 480px) {
  .premium-bubbles-banner__logo {
      left: 20rem;
  }
}

@media screen and (min-width: 570px) {
  .premium-bubbles-banner__logo {
      left: 22rem;
  }
}

@media screen and (min-width: 650px) {
  .premium-bubbles-banner__logo {
      left: 26rem;
  }
}

@media screen and (min-width: 768px) {
  .premium-bubbles-banner__logo {
      left: 0rem;
      bottom: 20px;
  }
}

.premium-bubbles-banner .col-content {
  max-width: 100%;
  padding: 0.5rem 0 0;
}
@media only screen and (min-width: 576px) {
  .premium-bubbles-banner .col-content {
    padding: 1rem 0rem;
  }
}
@media only screen and (min-width: 768px) {
  .premium-bubbles-banner .col-content {
    padding: 3rem 0rem;
    transform: translateX(calc(400px - 50vw));
  }
}
@media only screen and (min-width: 992px) {
  .premium-bubbles-banner .col-content {
    padding: 0;
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1200px) {
  .premium-bubbles-banner .col-content {
    max-width: 585px;
  }
}