.elementor-442 .elementor-element.elementor-element-15f8445f{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;top:0px;}.elementor-442 .elementor-element.elementor-element-15f8445f::before, .elementor-442 .elementor-element.elementor-element-15f8445f > .elementor-background-video-container::before, .elementor-442 .elementor-element.elementor-element-15f8445f > .e-con-inner > .elementor-background-video-container::before, .elementor-442 .elementor-element.elementor-element-15f8445f > .elementor-background-slideshow::before, .elementor-442 .elementor-element.elementor-element-15f8445f > .e-con-inner > .elementor-background-slideshow::before, .elementor-442 .elementor-element.elementor-element-15f8445f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body:not(.rtl) .elementor-442 .elementor-element.elementor-element-15f8445f{left:0px;}body.rtl .elementor-442 .elementor-element.elementor-element-15f8445f{right:0px;}.elementor-442 .elementor-element.elementor-element-bd36f03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-15f8445f */#bg-hero {
  width: 100%;
  min-height: 120vh;
  --overlay-opacity: 1;
}

#bg-hero::after,
#bg-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#bg-hero::after {
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(-52deg, #1D3BB3 0%, #1C76D7 100%);
  -webkit-mask: url(https://www.xerppa.com/wp-content/uploads/2025/01/clipPathAfter.svg) no-repeat center;
    mask: url(https://www.xerppa.com/wp-content/uploads/2025/01/clipPathAfter.svg) no-repeat center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

#bg-hero::before {
  top: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(90deg, #1D3BB3 0%, #1C76D7 100%);
  -webkit-mask: url(https://www.xerppa.com/wp-content/uploads/2025/01/clipPathBefore.svg) no-repeat center;
    mask: url(https://www.xerppa.com/wp-content/uploads/2025/01/clipPathBefore.svg) no-repeat center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@media (min-width: 1400px) and (max-height: 720px) {
  #bg-hero::after {
    width: 80%;
    height: 120%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #bg-hero::after {
    width: 80%;
    height: 120%;
  }
}

@media (max-width: 991px) {
  #bg-hero::after {
    width: 100%;
    height: 150%;
  }
}/* End custom CSS */