.clipover {
  overflow-x: clip !important;
}

.h-balloon,
.h-balloon-bottom {
  display: none;
}

@media (min-width: 1400px) {
  .h-balloon {
    height: 36rem;
    width: 36rem;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    left: calc(50% - 60rem);
    transform: translate(0, -50%);
    z-index: -1;
    display: block;
  }

  .h-balloon-bottom {
    height: 36rem;
    width: 36rem;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: -22rem;
    right: calc(50% - 57rem);
    transform: translate(50%, 0%);
    z-index: 0;
    display: block;
    z-index: 1;
  }
}

.hb-light .h-balloon,
.hbb-light .h-balloon-bottom {
  background-color: rgb(var(--bs-bicomthemetwo-rgb));
}

.hb-pblue .h-balloon,
.hbb-pblue .h-balloon-bottom {
  background-color: rgb(var(--bs-primary-rgb));
}

.hb-bblue .h-balloon,
.hbb-bblue .h-balloon-bottom {
  background-color: rgb(var(--bs-bicomthemethree-rgb));
}

.hb-yellow .h-balloon,
.hbb-yellow .h-balloon-bottom {
  background-color: rgb(var(--bs-bicomthemefive-rgb));
}

.hb-green .h-balloon,
.hbb-green .h-balloon-bottom {
  background-color: rgb(var(--bs-bicomthemefour-rgb));
}

@media (min-width: 1400px) {
  .temp1-balloon {
    height: 18rem;
    width: 18rem;
    background: transparent;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    bottom: -23rem;
    left: calc(50% - 50rem);
    transform: translate(50%, -50%);
    display: block;
    z-index: 0;
  }

  .temp5-balloon {
    height: 18rem;
    width: 18rem;
    background: transparent;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    bottom: -23rem;
    right: calc(50% - 32rem);
    transform: translate(50%, -50%);
    display: block;
    z-index: 0;
  }

  .temp2-balloon {
    height: 3rem;
    width: 3rem;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 72%;
    left: calc(50% - 50rem);
    transform: translate(50%, -50%);
    display: block;
    z-index: 1;
  }

  .temp2-balloon-one {
    height: 5rem;
    width: 5rem;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 46%;
    right: calc(50% - 44rem);
    transform: translate(50%, -50%);
    z-index: 0;
    display: block;
    z-index: 1;
  }

  .temp6-balloon {
    height: 5rem;
    width: 5rem;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 46%;
    left: calc(50% - 50rem);
    transform: translate(50%, -50%);
    display: block;
    z-index: 1;
  }

  .temp6-balloon-one {
    height: 3rem;
    width: 3rem;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 72%;
    right: calc(50% - 45rem);
    transform: translate(50%, -50%);
    z-index: 0;
    display: block;
    z-index: 1;
  }

  .temp3-balloon {
    height: 15rem;
    width: 15rem;
    background: transparent;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    bottom: -17rem;
    left: calc(50% - 61rem);
    transform: translate(50%, -50%);
    display: block;
    z-index: 0;
  }

  .temp3-balloon-one {
    height: 3rem;
    width: 3rem;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    bottom: 6rem;
    left: calc(50% - 50rem);
    transform: translate(50%, -50%);
    display: block;
    z-index: 1;
  }

  .temp3-balloon-two {
    height: 18rem;
    width: 18rem;
    background: transparent;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    bottom: 50%;
    right: calc(50% - 45rem);
    transform: translate(50%, 50%);
    display: block;
    z-index: 0;
  }

  .temp4-balloon-two {
    height: 15rem;
    width: 15rem;
    background: transparent;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    bottom: -17rem;
    right: calc(50% - 40rem);
    transform: translate(50%, -50%);
    display: block;
    z-index: 0;
  }

  .temp4-balloon-one {
    height: 3rem;
    width: 3rem;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    bottom: 6rem;
    right: calc(50% - 45rem);
    transform: translate(50%, -50%);
    display: block;
    z-index: 1;
  }

  .temp4-balloon {
    height: 17rem;
    width: 17rem;
    background: transparent;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    bottom: 50%;
    left: calc(50% - 69rem);
    transform: translate(50%, 50%);
    display: block;
    z-index: 0;
  }
}