.elementor-19 .elementor-element.elementor-element-51b7152{--display:flex;--min-height:298px;--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;--justify-content:center;}.elementor-19 .elementor-element.elementor-element-50be9f6.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-05b92b4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19 .elementor-element.elementor-element-afcb7e4{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-008446d{--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;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-afcb7e4{--width:50%;}.elementor-19 .elementor-element.elementor-element-008446d{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-50be9f6 */svg path {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 500;
  stroke-dashoffset: 500; /* Start fully hidden */
  animation: drawStroke 10s ease-in-out forwards, fillColor 2s ease-in-out 5s 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 */
/* Start custom CSS for container, class: .elementor-element-51b7152 */svg path {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 500;
  stroke-dashoffset: 500; /* Start fully hidden */
  animation: drawStroke 10s ease-in-out forwards, fillColor 2s ease-in-out 5s 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 */