.elementor-1518 .elementor-element.elementor-element-3083976{--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;}.elementor-1518 .elementor-element.elementor-element-a71489e{--display:flex;}.elementor-widget-theme-site-logo .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-1518 .elementor-element.elementor-element-1bc1d81{padding:0px 0px 0px 100px;text-align:left;}.elementor-1518 .elementor-element.elementor-element-1bc1d81.elementor-element{--align-self:flex-start;}.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-1518 .elementor-element.elementor-element-ad2ffbc{padding:0px 0px 0px 100px;text-align:left;}.elementor-1518 .elementor-element.elementor-element-e1c94c0{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1518 .elementor-element.elementor-element-a71489e{--width:18%;}.elementor-1518 .elementor-element.elementor-element-e1c94c0{--width:80%;}}@media(max-width:1024px){.elementor-1518 .elementor-element.elementor-element-1bc1d81{padding:0px 0px 0px 40px;}.elementor-1518 .elementor-element.elementor-element-ad2ffbc{padding:0px 0px 0px 40px;}}@media(max-width:767px){.elementor-1518 .elementor-element.elementor-element-1bc1d81 img{width:100%;max-width:30%;}.elementor-1518 .elementor-element.elementor-element-ad2ffbc img{width:100%;max-width:30%;}}/* Start custom CSS for container, class: .elementor-element-3083976 *//*Initial header style */
.scroll-header {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  background-color: transparent;
}

 /*Scrolled state */
.scroll-header.scrolled {
  background-color: rgba(21, 57, 144, 0.9); /*Your color with 90% opacity */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}/* End custom CSS */
/* Start custom CSS */.logo-scrolled {
  display: none;
}/* End custom CSS */