/* Note: If need Disable Decimal-value functionilty open function.scss file */
/* mini laptop resolution 1349 X 662 and 1246 X 681 and 1218 X 672 */
/* Mozila Firefox */
.fifty-fifty-landing-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.fifty-fifty-landing-hero .bg-animation {
  position: absolute;
  top: 0;
  right: 0%;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .fifty-fifty-landing-hero .bg-animation.bg-animation-json {
    display: none;
  }
}
.fifty-fifty-landing-hero .bg-animation img,
.fifty-fifty-landing-hero .bg-animation video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fifty-fifty-landing-hero .bg-animation:has(video) {
  top: 9%;
  right: 1%;
  width: auto;
  transform: scale(1.2);
  mix-blend-mode: lighten;
}
.fifty-fifty-landing-hero .bg-animation:has(video)::before {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  left: -1px;
  background-color: #081d4d;
}
@media (max-width: 1599px) {
  .fifty-fifty-landing-hero .bg-animation:has(video) {
    right: -16%;
  }
}
@media (max-width: 1199px) {
  .fifty-fifty-landing-hero .bg-animation:has(video) {
    right: -42%;
  }
}
@media (max-width: 767px) {
  .fifty-fifty-landing-hero .bg-animation:has(video) {
    top: 0;
    right: 0;
    width: 100%;
    transform: scale(1);
  }
}
.fifty-fifty-landing-hero .bg-animation:has(video) video {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  .fifty-fifty-landing-hero .bg-animation:has(video) video {
    display: none;
  }
}
@media (min-width: 992px) {
  .fifty-fifty-landing-hero .bg-animation:has(video) video + img {
    display: none;
  }
}
.fifty-fifty-landing-hero .bg-animation svg {
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto !important;
  min-height: 100%;
}
.fifty-fifty-landing-hero.fflh-theme1::before, .fifty-fifty-landing-hero.fflh-theme2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/Watermark-img.webp");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
@media (max-width: 991px) {
  .fifty-fifty-landing-hero.fflh-theme1::before, .fifty-fifty-landing-hero.fflh-theme2::before {
    background-size: cover;
  }
}
.fifty-fifty-landing-hero.fflh-theme1 {
  background: linear-gradient(104.48deg, #081d4d 32.42%, #1565c0 158.9%);
}
.fifty-fifty-landing-hero.fflh-theme2 {
  background: linear-gradient(109.43deg, #081d4d 18.51%, #1565c0 83.5%, #96eaaa 108.28%);
}
.fifty-fifty-landing-hero.fflh-theme1 .breadcrumbs, .fifty-fifty-landing-hero.fflh-theme2 .breadcrumbs {
  margin-bottom: 4.44rem;
}
@media (max-width: 767px) {
  .fifty-fifty-landing-hero.fflh-theme1 .breadcrumbs, .fifty-fifty-landing-hero.fflh-theme2 .breadcrumbs {
    margin-bottom: 2.5rem;
  }
}
.fifty-fifty-landing-hero.fflh-theme1 .fflh-video-wrap.aos-animate .fflh-img, .fifty-fifty-landing-hero.fflh-theme2 .fflh-video-wrap.aos-animate .fflh-img {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.2s;
}
.fifty-fifty-landing-hero.fflh-theme1 .fflh-video-wrap .fflh-img, .fifty-fifty-landing-hero.fflh-theme2 .fflh-video-wrap .fflh-img {
  opacity: 0;
  transform: translateX(25px);
  transition: all 0.6s ease 0s;
}
.fifty-fifty-landing-hero.fflh-theme3 {
  background-color: #062156;
}
.fifty-fifty-landing-hero.fflh-theme3 .breadcrumbs {
  margin-bottom: 2.5rem;
}
.fifty-fifty-landing-hero.fflh-theme3 .fflh-video-wrap img {
  border-radius: 24px;
  overflow: hidden;
}
.fifty-fifty-landing-hero.fflh-theme3 .fflh-video-wrap.aos-animate .fflh-img {
  opacity: 1;
  transform: translateY(0);
}
.fifty-fifty-landing-hero.fflh-theme3 .fflh-video-wrap .fflh-img {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease;
}
.fifty-fifty-landing-hero .container {
  position: relative;
  z-index: 1;
}
.fifty-fifty-landing-hero .fflh-wrap {
  margin-top: 2.63rem;
}
@media (max-width: 991px) {
  .fifty-fifty-landing-hero .fflh-wrap {
    margin-top: 1.25rem;
  }
}
.fifty-fifty-landing-hero .fflh-btn {
  margin-top: 1.57rem;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.6s ease 0s !important;
}
.fifty-fifty-landing-hero .fflh-btn.aos-animate {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.35s !important;
}
.fifty-fifty-landing-hero .fflh-btn .btn,
.fifty-fifty-landing-hero .fflh-btn .btn-link {
  margin: 0.94rem 0;
}
.fifty-fifty-landing-hero .fflh-btn:has(.btn-link) .btn {
  margin-right: 1.25rem;
}
.fifty-fifty-landing-hero .fflh-heading .heading {
  margin-bottom: 2rem;
  word-break: break-word;
}
.fifty-fifty-landing-hero .fflh-heading .heading,
.fifty-fifty-landing-hero .fflh-heading .fflh-dec {
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.6s ease 0s;
}
.fifty-fifty-landing-hero .fflh-heading.aos-animate .heading,
.fifty-fifty-landing-hero .fflh-heading.aos-animate .fflh-dec {
  opacity: 1;
  transform: translateZ(0);
}
.fifty-fifty-landing-hero .fflh-heading.aos-animate .fflh-dec {
  transition-delay: 0.15s;
}
@media (max-width: 991px) {
  .fifty-fifty-landing-hero .fflh-video-wrap {
    margin-top: 2.5rem;
  }
}
.fifty-fifty-landing-hero .fflh-video-wrap .video-link .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.fifty-fifty-landing-hero .fflh-img {
  position: relative;
  padding-top: 65.3024911032%;
}
.fifty-fifty-landing-hero .fflh-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .fifty-fifty-landing-hero .fflh-img {
    margin-top: 2.5rem;
  }
}
.fifty-fifty-landing-hero .fflh-breadcrumbs .breadcrumbs .current-item {
  color: #fff;
}
.fifty-fifty-landing-hero .video-link {
  position: relative;
}
.fifty-fifty-landing-hero [class^=vidyard-inner-container-] {
  width: 100%;
  height: 180% !important;
  top: -40% !important;
}
@media (min-width: 576px) {
  .fifty-fifty-landing-hero [class^=vidyard-inner-container-] {
    height: 140% !important;
    top: -20% !important;
  }
}