.elementor-22 .elementor-element.elementor-element-12eb475{--display:flex;--min-height:0px;--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;--overlay-opacity:0.91;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-12eb475:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-12eb475 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://giinitiative.org/wp-content/uploads/2025/11/WhatsApp-Image-2025-11-05-at-01.48.55_77ece14c.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-12eb475::before, .elementor-22 .elementor-element.elementor-element-12eb475 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-12eb475 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-12eb475 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-12eb475 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-12eb475 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0E1249;--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-12eb475.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-2bcda8e{width:var( --container-widget-width, 102.164% );max-width:102.164%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:102.164%;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-2bcda8e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-f76e84c .wpr-image-scroll-wrap{height:300px;transition-duration:0.3s;transition-timing-function:ease;}.elementor-22 .elementor-element.elementor-element-f76e84c .wpr-image-scroll-overlay{transition-duration:0.3s;transition-timing-function:ease;}.elementor-22 .elementor-element.elementor-element-f76e84c .wpr-image-scroll-overlay img{transition-duration:0.3s;}.elementor-22 .elementor-element.elementor-element-f76e84c .wpr-image-scroll-icon{transition-duration:0.3s;transition-timing-function:ease;}.elementor-22 .elementor-element.elementor-element-f76e84c .wpr-image-scroll-icon-hidden{transition-duration:0.3s;transition-timing-function:ease;}.elementor-22 .elementor-element.elementor-element-f76e84c .wpr-image-scroll-wrap img{transition-timing-function:ease;opacity:1;}.elementor-22 .elementor-element.elementor-element-f76e84c .wpr-image-scroll-wrap:hover img{opacity:1;}.elementor-22 .elementor-element.elementor-element-9ccae87{--display:flex;--min-height:0px;--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;--overlay-opacity:0.67;}.elementor-22 .elementor-element.elementor-element-9ccae87:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-9ccae87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-9ccae87::before, .elementor-22 .elementor-element.elementor-element-9ccae87 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-9ccae87 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-9ccae87 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-9ccae87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-9ccae87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFBFB;--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-3f4bc0b{width:100%;max-width:100%;}.elementor-22 .elementor-element.elementor-element-b9783ea{--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-22 .elementor-element.elementor-element-b9783ea:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-b9783ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF 0%, #F8F9FA 100%);}.elementor-22 .elementor-element.elementor-element-61afc23{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22 .elementor-element.elementor-element-e5429ff{--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;--justify-content:center;}.elementor-22 .elementor-element.elementor-element-e5429ff:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-e5429ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-d0a5643{width:100%;max-width:100%;}.elementor-22 .elementor-element.elementor-element-d0a5643.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-99269a1{--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-22 .elementor-element.elementor-element-99269a1:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-99269a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFC;}.elementor-22 .elementor-element.elementor-element-a7eb92f{width:100%;max-width:100%;}.elementor-22 .elementor-element.elementor-element-53fcd6b{--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-22 .elementor-element.elementor-element-53fcd6b:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-53fcd6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFC;}.elementor-22 .elementor-element.elementor-element-af03676{width:100%;max-width:100%;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-12eb475{--width:100.096%;}}@media(min-width:1025px){.elementor-22 .elementor-element.elementor-element-12eb475:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-12eb475 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}



/* Start custom CSS for container, class: .elementor-element-9ccae87 *//* === Make Elementor background video cover the full section properly === */

/* Target the video container inside any section */
.elementor-background-video-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

/* Ensure the video inside scales and centers properly */
.elementor-background-video-container video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* This is the magic line */
  object-position: center center !important;
  z-index: 0 !important;
}

/* Keep your text and widgets above the video */
.elementor-background-overlay,
.elementor-widget,
.elementor-column,
.elementor-container {
  position: relative !important;
  z-index: 1 !important;
}

/* Optional: hide background video on mobile for performance */
@media (max-width: 767px) {
  .elementor-background-video-container {
    display: none !important;
  }
  .elementor-section {
    background: url('your-fallback.jpg') center/cover no-repeat !important;
  }
}/* End custom CSS */









