.elementor-3251 .elementor-element.elementor-element-21ca5373{--display:flex;--min-height:100vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3251 .elementor-element.elementor-element-21ca5373:not(.elementor-motion-effects-element-type-background), .elementor-3251 .elementor-element.elementor-element-21ca5373 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3251 .elementor-element.elementor-element-7c4864c5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3251 .elementor-element.elementor-element-7c813f5e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-3251 .elementor-element.elementor-element-21ca5373{--min-height:100vh;}.elementor-3251 .elementor-element.elementor-element-21ca5373:not(.elementor-motion-effects-element-type-background), .elementor-3251 .elementor-element.elementor-element-21ca5373 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}}/* Start custom CSS for container, class: .elementor-element-21ca5373 */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 4s 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%; }
}

.banner2 {
    background-size: 110%;
    background-position: center;
    animation: bgScaleDown 4s ease-out forwards;
}/* End custom CSS */