@keyframes two-columns-hero-section-up-down-animation {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
.two-columns-hero-section {
  width: 100%;
  height: 890px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 991px) {
  .two-columns-hero-section {
    height: auto;
  }
}
.two-columns-hero-section__content {
  padding-top: 162px;
}
@media (max-width: 991px) {
  .two-columns-hero-section__content {
    padding-top: 62px;
    margin-top: -20px;
  }
}
.two-columns-hero-section__images-side {
  padding-top: 162px;
  overflow: visible;
}
@media (max-width: 991px) {
  .two-columns-hero-section__images-side {
    padding-top: 0;
    margin-top: -80px;
  }
}
.two-columns-hero-section__upper-cta-badge-icon {
  display: inline-block;
  animation-name: wave-animation;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
}
.two-columns-hero-section__main-img {
  position: relative;
  width: calc(100% - 84px);
  max-width: 624px;
  aspect-ratio: 624 / 610;
  max-height: 610px;
  overflow: hidden;
  border-radius: 32px;
  flex-shrink: 0;
}
.two-columns-hero-section__main-img lottie-player {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .two-columns-hero-section__main-img {
    width: 100%;
    max-height: 400px;
    aspect-ratio: 5 / 4;
  }
}
.two-columns-hero-section__photo {
  display: block;
}
.two-columns-hero-section__spinning-img {
  width: 132px;
  height: 132px;
  position: absolute;
  top: 258px;
  left: 42px;
  z-index: 3;
  transition: all 0.4s;
  animation: rotate-animation 12s infinite linear;
}
.rtl .two-columns-hero-section__spinning-img {
  left: auto;
  right: 42px;
}
@media (max-width: 991px) {
  .two-columns-hero-section__spinning-img {
    width: 88px;
    height: 88px;
    top: 64px;
    left: 8px;
  }
  .rtl .two-columns-hero-section__spinning-img {
    left: auto;
    right: 8px;
  }
}
.two-columns-hero-section__overlay-img {
  width: 416px;
  height: 218px;
  position: absolute;
  right: 40px;
  bottom: 32px;
  z-index: 2;
  pointer-events: none;
  animation: two-columns-hero-section-up-down-animation 1s infinite alternate;
}
.rtl .two-columns-hero-section__overlay-img {
  right: auto;
  left: 40px;
}
.two-columns-hero-section__overlay-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
@media (max-width: 991px) {
  .two-columns-hero-section__overlay-img {
    width: 218px;
    height: 118px;
    right: 16px;
    bottom: 16px;
  }
  .rtl .two-columns-hero-section__overlay-img {
    right: auto;
    left: 16px;
  }
}

.backdrop-filter-blur-2 {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}