.elementor-7775 .elementor-element.elementor-element-48ed3dca{--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-7775 .elementor-element.elementor-element-48ed3dca::before, .elementor-7775 .elementor-element.elementor-element-48ed3dca > .elementor-background-video-container::before, .elementor-7775 .elementor-element.elementor-element-48ed3dca > .e-con-inner > .elementor-background-video-container::before, .elementor-7775 .elementor-element.elementor-element-48ed3dca > .elementor-background-slideshow::before, .elementor-7775 .elementor-element.elementor-element-48ed3dca > .e-con-inner > .elementor-background-slideshow::before, .elementor-7775 .elementor-element.elementor-element-48ed3dca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body:not(.rtl) .elementor-7775 .elementor-element.elementor-element-48ed3dca{left:0px;}body.rtl .elementor-7775 .elementor-element.elementor-element-48ed3dca{right:0px;}.elementor-7775 .elementor-element.elementor-element-171fd65d{--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;}.elementor-7775 .elementor-element.elementor-element-171fd65d:not(.elementor-motion-effects-element-type-background), .elementor-7775 .elementor-element.elementor-element-171fd65d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E7BFC;}.elementor-7775 .elementor-element.elementor-element-4352705{--spacer-size:50px;}.elementor-7775 .elementor-element.elementor-element-a936e2d{--display:flex;}.elementor-7775 .elementor-element.elementor-element-7e98445{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7775 .elementor-element.elementor-element-269d629{--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;}.elementor-7775 .elementor-element.elementor-element-1764e4c{--display:flex;}.elementor-7775 .elementor-element.elementor-element-3590e3e{--display:flex;--border-radius:12px 12px 12px 12px;}.elementor-7775 .elementor-element.elementor-element-3590e3e:not(.elementor-motion-effects-element-type-background), .elementor-7775 .elementor-element.elementor-element-3590e3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e6b24e7 );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-48ed3dca */#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 */