.elementor-14 .elementor-element.elementor-element-7c0b772{--display:flex;--min-height:603px;--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.79;}.elementor-14 .elementor-element.elementor-element-7c0b772::before, .elementor-14 .elementor-element.elementor-element-7c0b772 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-7c0b772 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-7c0b772 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-7c0b772 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-7c0b772 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#333333;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-a824111{--display:flex;}.elementor-14 .elementor-element.elementor-element-79f0800.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-559a7d6.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-f2fbb23{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-7399c17{--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-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14 .elementor-element.elementor-element-4a3a9de{--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-14 .elementor-element.elementor-element-99cf2dd .elementor-heading-title{color:#272727;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-99cf2dd{text-align:center;}}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-7399c17{--width:50%;}.elementor-14 .elementor-element.elementor-element-4a3a9de{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-79f0800 */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 */
/* Start custom CSS for html, class: .elementor-element-559a7d6 */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 */