@keyframes wavePulse {
  0%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(1.02); } }
.elementor-widget-zaka_section_hr_waves {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -4; }

.zaka-wave-bg::after {
  top: 0; }

.section-with-hr-waves-wrapper {
  position: absolute;
  width: 100%;
  height: var(--wave-height, 100vh); }
  .section-with-hr-waves-wrapper .wave-height-probe {
    visibility: hidden;
    z-index: -1;
    position: absolute; }
  .section-with-hr-waves-wrapper .section-with-hr-waves,
  .section-with-hr-waves-wrapper .section-with-oblique-waves,
  .section-with-hr-waves-wrapper .section-with-oblique-rev-waves,
  .section-with-hr-waves-wrapper .section-with-pointed-square-right,
  .section-with-hr-waves-wrapper .section-with-pointed-square-left,
  .section-with-hr-waves-wrapper .section-with-dashed-circle-left {
    position: relative;
    width: 100%;
    height: 100%; }
    .section-with-hr-waves-wrapper .section-with-hr-waves::after,
    .section-with-hr-waves-wrapper .section-with-oblique-waves::after,
    .section-with-hr-waves-wrapper .section-with-oblique-rev-waves::after,
    .section-with-hr-waves-wrapper .section-with-pointed-square-right::after,
    .section-with-hr-waves-wrapper .section-with-pointed-square-left::after,
    .section-with-hr-waves-wrapper .section-with-dashed-circle-left::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: top center;
      background-size: contain;
      z-index: -1;
      scale: 1; }
  .section-with-hr-waves-wrapper .section-with-hr-waves img {
    width: 100%; }
  .section-with-hr-waves-wrapper .section-with-hr-waves::after {
    background-image: url(../../assets/images/waves-hr-no.svg); }
  .section-with-hr-waves-wrapper .section-with-hr-waves.animate-wave::after {
    background-image: url(../../assets/images/wave.svg);
    animation: wavePulse 12s ease-in-out infinite; }
  .section-with-hr-waves-wrapper .section-with-oblique-waves img {
    width: 100%; }
  .section-with-hr-waves-wrapper .section-with-oblique-waves::after {
    background-image: url(../../assets/images/oblique-waves-bg.svg); }
  .section-with-hr-waves-wrapper .section-with-oblique-waves.animate-wave::after {
    background-image: url(../../assets/images/oblique-waves-bg-animated.svg);
    animation: wavePulse 12s ease-in-out infinite; }
  .section-with-hr-waves-wrapper .section-with-oblique-rev-waves img {
    width: 100%; }
  .section-with-hr-waves-wrapper .section-with-oblique-rev-waves::after {
    background-image: url(../../assets/images/oblique-waves-rev-bg.svg); }
  .section-with-hr-waves-wrapper .section-with-oblique-rev-waves.animate-wave::after {
    background-image: url(../../assets/images/oblique-waves-rev-bg-animated.svg);
    animation: wavePulse 12s ease-in-out infinite; }
  .section-with-hr-waves-wrapper .section-with-pointed-square-right::after {
    background-image: url(../../assets/images/dotted-square.svg);
    background-position: top right;
    width: 120px;
    height: 150px;
    right: 0;
    left: auto;
    right: 0; }
    [dir="rtl"] .section-with-hr-waves-wrapper .section-with-pointed-square-right::after {
      right: auto;
      left: 0;
      transform: scale(-1, 1); }
  .section-with-hr-waves-wrapper .section-with-pointed-square-left::after {
    background-image: url(../../assets/images/dotted-square.svg);
    background-position: top left;
    transform: rotate(90deg);
    width: 120px;
    height: 150px;
    left: -38px; }
    [dir="rtl"] .section-with-hr-waves-wrapper .section-with-pointed-square-left::after {
      left: auto;
      right: -38px;
      transform: scale(-1, 1); }
  .section-with-hr-waves-wrapper .section-with-dashed-circle-left::after {
    background-image: url(../../assets/images/dashed-circle.svg);
    background-position: top left;
    width: 276px;
    height: 583px;
    left: -1px; }
    [dir="rtl"] .section-with-hr-waves-wrapper .section-with-dashed-circle-left::after {
      left: auto;
      right: -1px;
      transform: scale(-1, 1); }
  @media (max-width: 992px) {
    .section-with-hr-waves-wrapper .section-with-pointed-square-right::after,
    .section-with-hr-waves-wrapper .section-with-pointed-square-left::after {
      height: 80px;
      width: 100px; } }

.section-with-hr-waves-wrapper.full-bleed-mode {
  position: absolute;
  left: 0;
  right: 0;
  width: 100vw;
  overflow: hidden;
  z-index: -1; }
  .section-with-hr-waves-wrapper.full-bleed-mode .section-with-hr-waves,
  .section-with-hr-waves-wrapper.full-bleed-mode .section-with-oblique-waves,
  .section-with-hr-waves-wrapper.full-bleed-mode .section-with-oblique-rev-waves {
    max-width: 100vw; }