.superbreaker-panel__image {
  height: 18.5rem
}
.superbreaker-panel__content {
  margin-top: -8rem;
  z-index: 1
}
.superbreaker-panel .config-text {
  text-align: center;
  font-size: 20px
}
.superbreaker-panel__section-title {
  font-size: 32px
}
@media (min-width:768px) {
  .superbreaker-panel__content {
    margin-top: -12rem
  }
  .superbreaker-panel__image {
    height: 35rem
  }
}
@media (min-width:992px) {
  .superbreaker-panel__content {
    margin-top: -16rem
  }
  .superbreaker-panel__image {
    height: 53rem
  }
  .superbreaker-panel .config-text {
    padding: 0 2.8rem
  }
}
@media (min-width:1200px) {
  .superbreaker-panel .config-text {
    padding: 0 1.8rem
  }
}
@media (min-width:1400px) {
  .superbreaker-panel .config-text {
    padding: 0 2.2rem
  }
}
.superbreaker-full-image {
  min-height: 23.2rem;
  height: 100%
}
.superbreaker-full-image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--dark-50);
  z-index: 1
}
.superbreaker-full-image__content {
  z-index: 2;
  flex: 1
}
.superbreaker-full-image__image {
  min-height: 23.2rem;
  height: 100%
}
.superbreaker-full-image__background {
  width: 100%;
  height: 100%;
  top: 0
}
.superbreaker-full-image .config-text {
  z-index: 2;
  position: relative
}
@media (min-width:768px) {
  .superbreaker-full-image {
    min-height: 38.8rem;
    height: 100%
  }
  .superbreaker-full-image__image {
    min-height: 38.8rem
  }
}
@media (min-width:992px) {
  .superbreaker-full-image {
    min-height: 54.8rem;
    height: 100%
  }
  .superbreaker-full-image__image {
    min-height: 54.8rem
  }
}
.superbreaker-fifty__bg-color-wrapper {
  display: none
}
.superbreaker-fifty__bg-color-mob-wrapper {
  height: calc(100% + 4.3rem);
  left: 0;
  z-index: -1
}
.superbreaker-fifty__play-button {
  transform: scaleX(-50%,-50%)
}
.superbreaker-fifty__image-wrapper {
  max-width: calc(100% - 4.8rem);
  width: 100%
}
.superbreaker-fifty__image-video-wrapper {
  height: 20.5rem
}
.superbreaker-fifty__video-button {
  transform: translate(-50%,-50%)
}
@media (min-width:768px) {
  .superbreaker-fifty__bg-color-mob-wrapper {
    height: calc(100% + 2rem);
    left: 0;
    z-index: -1
  }
  .superbreaker-fifty__play-button {
    transform: scaleX(-50%,-50%)
  }
  .superbreaker-fifty__image-wrapper {
    max-width: calc(100% - (16.666666% + 4.2rem));
    width: 100%
  }
  .superbreaker-fifty__image-wrapper .superbreaker-fifty__video-button {
    transform: translate(-50%,-50%)
  }
  .superbreaker-fifty__image-video-wrapper {
    height: 36.6rem
  }
}
@media (min-width:992px) {
  .superbreaker-fifty {
    min-height: 53rem
  }
  .superbreaker-fifty__bg-color-mob-wrapper {
    display: none
  }
  .superbreaker-fifty__image-wrapper {
    position: absolute;
    width: calc(50% - 1.6rem);
    height: 100%;
    padding: 0
  }
  .superbreaker-fifty__image-wrapper .superbreaker-fifty__video-button {
    transform: translate(-50%,-50%)
  }
}
.superbreaker-text-only__section {
  max-width: 100%;
  right: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0
}
@media (min-width:768px) {
  .superbreaker-text-only__section {
    max-width: calc(100% - 5.6rem)
  }
  .superbreaker-text-only__section-left {
    right: 5.6rem
  }
  .superbreaker-text-only__section-right {
    left: 5.6rem
  }
}
@media (min-width:992px) {
  .superbreaker-text-only__section {
    max-width: calc(100% - 17.6rem)
  }
  .superbreaker-text-only__section-left {
    right: 17.6rem
  }
  .superbreaker-text-only__section-right {
    left: 17.6rem
  }
}
@media (min-width:1400px) {
  .superbreaker-text-only__section {
    max-width: calc(153.6rem + (100% - 153.6rem)/ 2 - 9.6rem - 3.2rem - 1.6rem)
  }
  .superbreaker-text-only__section-left {
    right: auto
  }
  .superbreaker-text-only__section-right {
    left: auto
  }
}


.form-pop-up {
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 1050;
    max-height: 74rem;
    max-width: 77rem;
    width: 90%;
    padding: 20px;
}

/* Optional: Dark backdrop */
.form-pop-up::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}