.elementor-12 .elementor-element.elementor-element-5388f17{--display:flex;--min-height:618px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.82;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5388f17::before, .elementor-12 .elementor-element.elementor-element-5388f17 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-5388f17 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-5388f17 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-5388f17 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-5388f17 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#383737;--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-5388f17.e-con{--align-self:center;}.elementor-12 .elementor-element.elementor-element-6bb0a8a{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-67c64e3 */svg path {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 500;
  stroke-dashoffset: 500; /* Start fully hidden */
  animation: drawStroke 4s ease-in-out forwards, fillColor 1s ease-in-out 2s forwards;
}

@keyframes drawStroke {
  from {
    stroke-dashoffset: 500; /* Fully hidden */
  }
  to {
    stroke-dashoffset: 0; /* Fully drawn */
  }
}

@keyframes fillColor {
  from {
    fill: transparent; /* No fill initially */
  }
  to {
    fill: #fff; /* Fully filled after stroke completes */
  }
}
@keyframes bgZoom {
    0% { background-size: 100%; }
    100% { background-size: 200%; }
}

.banner {
    
    background-size: 100%;
    background-position: center;
    animation: bgZoom 4s ease-out forwards;
}
@keyframes bgScaleDown {
    0% { background-size: 110%; }
    100% { background-size: 100%; }
}/* End custom CSS */